JS中document.getElementById和getAt
2017-07-11 本文已影响0人
dozening007
1.使用场景
- document.getElementById获取的是dom对象，document.getAttribute获取的是dom属性。
- document.getElementById是通过id获取dom对象，getAttribute是dom对象一个方法获取属性。自定义属性建议用getAttribute，dom对象默认有的属性，如id之类的可以直接dom.id获取，否则需要用getAttribute，要不标准浏览器直接dom.xxx获取不到属性。
2.举例说明
- 现在有这样的一个HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试一下</title>
</head>
<body>
读取 <a href="dom_obj_attributes.php" target="_blank">Attr 对象</a>.
<p id="demo">单击按钮以显示上述链接的目标属性的值</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var a=document.getElementsByTagName("a")[0];
document.getElementById("demo").innerHTML=a.getAttribute("target");
}
</script>
</body>
</html>
a) 运行该HTML之后，点击按钮显示的为_blank
b) 或者在iOS中执行
NSString *content=[webView stringByEvaluatingJavaScriptFromString:@"document.getElementById('demo').getAttribute('target');"];
NSLog(@"%@", content);
打印值为_blank
