方式一:他不会把换行和空格也当成是节点信息 //获取子元素document.getElementById("id").children;//获取第一个子元素document.getElementById("id").firstElementChild;//获取最后一个子元素document.getElementById("id").lastElementChild;//获取父元素document.getElementById("id").parentNode;//获取所有父元...
innerText 属性 ; innerHTML 属性 ; 1、innerText 属性修改元素文本内容 通过 元素对象的 innerText 属性 修改元素内容 : 元素对象的 innerText 属性可以 获取 或 设置 元素内的 文本内容 , 使用该属性时 , 会 获取 元素的 当前文本内容 ; 设置该属性时 , 会 替换 元素的 当前文本内容 ; 注意:使用该属性 , ...
id.innerHTML='<strong>今天是个好日子';</script> </body> </html> ```运行代码 我们发现，字体加粗显示，而当我们将 id.innerHTML='<strong>今天是个好日子';换成 id.innerText='<strong>今天是个好日子';虽然我们添加着<strong>标签，但是字体不再加粗。第二、innerText去除空格和换行，innerHTML则不能...
value与innerTEXT的作用相同。 1.innerText是标签内的文本,输入输出的是字符串; 2.innerHtml是<标签内的文本,输入输出到该DOM内部纯HTML代码; 3.value是表单元素特有的属性,输入输出的是字符串; 总之,如果想要设置html元素的内用使用innerTEXT,如果设置包括内容和格式使用innerHTML...
outerHTML设置或获取元素及其内容的HTML形式。 这个是最好区分的,直接看例子,它会把DOM元素本身的标签+内容+格式全部显示出来。 value value是表单元素特有的属性,通常input用的比较多,就是其中输入的值,也很好区别。 innerHTML、innerText和textContent的再次较量 ...
执行document.getElementById('div1').innerHTML='<div>'+'node'+'</div>',此时页面显示的内容依旧是node,标签名会自动解析,不会输出。 2.innerText:设置或获取位于对象起始和结束标签内的文本。使用上面的div操作: 执行console.log(document.getElementById('div1').innerHTML);输出:hello world ...
对于innerHTML和innerText的区别,我们从下表中就可以很清楚地比较出来。 innerHTML和innerText的区别 常见问题: 1.很多书上不是说innerText兼容不好吗?为什么还要用它呢? 在以前,只有IE、Chrome等都支持innerText,而Firefox不支持。现在Firefox新版本已经全面支持innerText了,对于旧版本的Firefox的兼容性,不需要去理睬。
区别：取值时 innerText会把只会获取节点里面的文本信息，而innerHTML 会获取节点下面的所有标签。2、设置值得区别 123456 <div id="div1"></div><script> var div =document.getElementById("div1"); div1.innerText= '这里是文本信息换行'; //看效果一 div1.innerHTML= '这里是文本...
innerText的话包括的是元素包含的文本内容，而innerHTML会包含标签内的多有html元素，其中可能会有html标签文本等等 <div id="d1"><p id="p1">hello world </p></div> <script> var content = document.getElementById("d1"); alert(content.innerHTML); //hello world alert(co...
innerHTML:获取的是从对象的起始位置到终止位置的全部内容,包括HTML标签 innerText:获取的是起始位置到终止位置的内容,但是会将HTML标签去掉 下面写一段代码进行测试: 显示效果: 点击第一个a标签显示结果: 点击第二个a标签显示结果: