javascript这段代码为什么不能为P元素添加文本内容

因为html的<p>元素为空时（里面没有文本内容）。浏览器在建立DOM树时不会为该P元素建立文本节点，因此DOM树里该<P>的第一个子节点firstChild为空，自然它的nodeValue也为空。elem.firstChild.nodeValue = text此代码会因为p元素的文本节点不存在（null）而无法赋值。解决方法：

1,creatTextNode然后p.appendChild()

2 ,p.innerHTML

3 , 预先在<p></p>开始结束标间之间添加一个空格。

打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮。然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示。在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果。保存好html文件后使用浏览器打开，此时还没有创建div。最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给标签添加了内容。

1、新建一个html文件，命名为test.html。

2、在test.html文件里，创建一个button按钮，并设置其id属性为dz，用于下面获得按钮对象，实现js点击按钮事件。

3、给button绑定点击事件，当按钮被点击时，执行hs()函数。

4、在test.html文件的js标签内，定义hs（）函数，在函数内使用alert（） 方法d出"我被点击了"的内容。

5、在js内，使用window对象中的onload事件，当网页加载完时，执行function函数。

6、在function函数内，通过getElementById()方法获得按钮对象，使用click()方法点击按钮。

7、在浏览器打开test.html文件，当打开网页时，js自动执行点击事件。

---