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

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

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

1,creatTextNode然后p.appendChild()

2 ,p.innerHTML

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

<p>

<!-- 这是一个注释 -->

这是p元素的内容。

</p>

快捷键是 CTRL + / 在浏览器中,注释语句不会被显示出来,只有p元素的内容会被显示。

可以先使用jQuery选择器将p标签选中,然后用html()函数修改p标签内容。

1、新建html文档,在body标签中添加一个p标签,标签的id设为“demo”并添加一段文字,然后引入jQuery:

2、添加script标签,使用jQuery选择器$("#demo")将p标签获取,其中#标签选择的类型是id,demo指的是需要获取标签的id,这时网页中的p标签就会被选中:

3、使用html()函数,html()函数在原生js中指的是innerHTML,表示修改内容,这时在html()函数中填写需要修改后的文本即可:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11421135.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存