作用: 给双标签的元素设置内容/获取双标签里面的内容
不同点:
innerText 只是用于获取文本或设置文本
innerHTML 不仅可以用于设置/获取文本,还可以识别html
相同点:
如果是赋值的话,都会覆盖元素内本身的内容
注意:
-
这两个是用于双标签的属性
-
innerHTML是非标准属性(非w3c标准),但是所有的浏览器都支持
-
innerText属性存在兼容性问题,早期的火狐浏览器不支持该属性,使用textContent替代
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" value ="这是文本框的内容"> <script> var input = document.getElementsByTagName('input')[0]; console.log(input.innerText); console.log(input.innerHTML); console.log(input.value); </script> </body> </html>