在<p>元素中使用javascript变量

时间:2016-11-03 03:10:36

标签: javascript html

我为我想要使用的变量创建了一个id,但是找不到如何将它插入p元素中。当我尝试这个时,我得到“未捕获的类型错误:无法设置'innerHTML'的属性为null(...)。

var str = array.toString();
       document.getElementById('variable').innerHTML = str;
<p> Start of sentence  <id = "variable" />,  end of sentence</p>

回答这个问题是使用span标签。

2 个答案:

答案 0 :(得分:3)

如果代码与您的代码段完全相同,那么由于两个原因它无法正常工作;

  1. 在DOM包含id为'variable'的元素之前,您尝试getElementById - 解决在页面加载时运行脚本或至少在声明元素之后运行脚本。

  2. 我从未见过有人做过

     <id="variable"/> 
    
  3. 并尝试引用它,我会做

        <span id="variable"></span>
    

    并使用getElementById引用该内容。

答案 1 :(得分:1)

您的HTML语法错误。

而不是

<p> Start of sentence  <id = "variable" />,  end of sentence</p>

你应该:

<p id="variable"> Start of sentence  ,  end of sentence</p>

ID是属性,而不是标记。因此,它必须嵌套在标记中,在本例中为<p>标记。