在调试中查找，试图创建DIV时出现未定义错误

Undefined Error when looking in Debug, trying to create DIV

本文关键字：DIV 错误 未定义 创建 调试 查找      更新时间：2023-09-26

我试图执行下面的javascript，我得到一个未定义的错误。我只是想创建一个div与一些文本，并把它放在一个span标签之前，当页面加载。我的代码可能完全错了:

<script type = "text/javascript">
function MMinsertPhoneinheader() {
     var div = document.createElement('div');
     div.innerHTML = ("<span> <p> Get Detailed Pricing </p> <br> <p> <b> (866)682-7927 </b></p> </span>");
     div.setAttribute('class', 'cust');
     document.getElementsByTagName('span')[5].appendChild(div);
     break;
};
MMinsertPhoneinheader();
</script>

任何帮助都会挽救生命。很抱歉我的问题很幼稚。谢谢!

下面是新代码:

<script language="javascript">
function MMinsertPhoneinheader() {
  var div = document.createElement('div');
  div.innerHTML = ("<span> <p> Get Detailed Pricing </p> <br> <p> <b> (866)682-7927 </b></p> </span>");
   div.setAttribute('class', 'cust');
   document.querySelector(".toplinks").appendChild(div);
 };
MMinsertPhoneinheader();
</script>

我在第3行得到语法错误。

var div = document.createElement('div');

去掉break语句。这就是你的问题所在。

另外，我建议使用document。querySelector而不是你的getElementsByTagName('span')[5].

这是脆弱的。对于document.querySelector()，您可以只使用css选择器。

相关文章：