javascript - DOM中,获取属性
本文介绍了javascript - DOM中,获取属性的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
h2 {background:#ccc;}
</style>
</head>
<body>
<h2 style="font-size:40px; color:red; background-color:black;">js控制行内样式</h2>
<script type="text/javascript">
var hh2 = document.getElementsByTagName('h2')[0];
</script>
<script type="text/javascript">
var h2 = document.getElementsByTagName('h2')[0];
console.log( h2.style );
//console.log( h2.style[1] ); //不建议这么用
console.log( h2.style.color );
</script>
</body>
</html>
解决方案
你在控制台,进行输出测试,就可以清除知道它们的关系:
h2是Dom对象,
style既是h2的属性,同时h2.style也是一个对象
而color是style下的属性
所以需要 h2.style.color,这样取 h2.style['color'] 也可以
补充:如何输出
打开浏览器,按F12,调浏览器调试工具。
这篇关于javascript - DOM中,获取属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文