美文网首页
JS中document.getElementById和getAt

JS中document.getElementById和getAt

作者: dozening007 | 来源:发表于2017-07-11 10:54 被阅读0次

    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

    相关文章

      网友评论

          本文标题:JS中document.getElementById和getAt

          本文链接:https://www.haomeiwen.com/subject/sivphxtx.html