Question

我注意到语法 -

identifier.innerHTML = "text to display";

标识符为id="identifier"

适用于Chrome 41。

这是拟议标准的一部分吗？

比尔

Answer 1

这种行为 - 通过简单地使用其ID来引用元素 - 已存在多年，但它现在已被弃用并且很好避免。请参阅Directly reference HTML elements或Why don't we just use element IDs as identifiers in JavaScript?。规格为http://www.w3.org/html/wg/drafts/html/master/browsers.html#named-access-on-the-window-object。

Answer 2

是的，每个HTML元素都有一个innerHTML属性，该属性定义HTML代码和该元素的开始和结束标记之间出现的文本。通过在一些用户交互之后更改元素的innerHTML，您可以制作更多的交互式页面。

此属性最初由Web浏览器实现，然后由HTML5中的WHATWG和W3C指定。旧的实现可能并非都以完全相同的方式实现它。例如，当文本输入文本输入时，Internet Explorer会更改输入的innerHTML属性的value属性，但Gecko浏览器不会。

<!DOCTYPE html>
<html>
<body>

<p id="demo" onclick="myFunction()">Click me to change my HTML content (innerHTML).</p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed!";
}
</script>

</body>
</html>

引用DOM元素变得更容易吗？

2 个答案: