js 怎么获取标签里的属性

Posted 2023-03-24

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值该怎么做

用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"); 参考技术A var listbox = document.getElementById("blue");
listbox.onclick=function()
var t = this.title;
alert(t);