Question

js 怎么获取标签里的属性

window.onload=function(){
var listbox = document.getElementById("blue");
listbox.onclick=function(){
//
}
<div id="red" title="red">Google</div>
<div id="blue" title="blue">blue</div>
<div id="green" title="green">green</div>

比如像这样 我想根据点的div 来获取相应的title值该怎么做

Answer 1

用JS获取Html标签属性有两种方法：

如<a id="link" href="www.baidu.com" title="测试"
blogname="前端开发">Web开发</a>

JS代码：

var ka=document.getElementByI d("link");
alert(ka.getAttribute("id"));
alert(ka.id);

两种方法都能弹出a标签的ID属性，但从各浏览器兼容上来说用ka.id的方式更好，但对于自定义属性blogname,则就要用getAttribute()来实现了，如：

alert(ka.getAttribute("blogname")); //前端开发

总结如下：

JS获到Html标签常规属性用ka.id，获到Html标签的自定义属性就用ka.getAttribute("id");

Answer 2

var listbox = document.getElementById("blue");
listbox.onclick=function(){
var t = this.title;
alert(t);
}