javascript显示元素属性

-1

以下是我尝试显示元素的属性或属性。我该如何解决这个问题？javascript显示元素属性

function showIt() { 
 
    var el = getElementsById("demo"); 
 
    alert(el.style.color); 
 
    }

h1 { 
 
    color: blue; 
 
}

<h1 id="demo">Hello World</h1> 
 
<button onclick="showIt()">showIt</button>

首先打开控制台并检查错误。 – dfsq

由于ID必须是唯一的，因此'getElementsById'不会有任何复数形式。应该是'document.getElementById' – j08691

学习使用[Web Developer控制台]（https://developer.chrome.com/devtools/docs/console）。它应该是：''未捕获的ReferenceError：getElementsById未定义'' – epascarello

首先，通过ID获取元素的功能是document.getElementById("demo");

这应该指向你在一个更好的方向....

2015-04-06 17:12:25 Steve

我打算发布一些更新的代码，但它不适合这里。它说明了在给定的代码中，直到改变它之后才能获得标题或段落元素的颜色。我如何发布修改后的代码？ – user1993348

您需要更改

var el = getElementsById("demo");

var el = document.getElementById("demo");

2015-04-06 17:14:56 Diptendu

- Dipendu，我做了您提出的修改，但仍然无法正常工作。 Chrome控制台告诉我：：TypeError：undefined不是函数 el：undefined - j09681，我从来没有使用过Ghrome控制台这是你的建议吗？感谢您的帮助。 – user1993348

大多数情况下埃尔在你的情况下是空的，因为当JS被称为节点“演示”尚未渲染。看到它的作品http://jsfiddle.net/akukcw9o/ – Diptendu

回答