JavaScript 提取样式,怎么提取不出来?

Question

    <div style="font-size:200px;">56416</div>


    <script>
       var ojb1=document.getElementsByTagName("div");

        console.log(ojb1.style);
        console.log(ojb1.fontSize);

    </script>

你看,返回结果都是 "undefined"

怎么回事呢?

Answer 1

童鞋，请用脚趾头想想 getElementByTagName 这方法可能只返回一个元素么？妥妥是一个集合啊！即使你这个例子只有一个元素，返回的也是个集合。

请用obj1[0]访问集合中的对象，好么？

Answer 2

你去获取所有div的元素，那是一个合集，怎么能单独访问呢？

obj1 = document.querySelector('div');
//这样操作可以！

Answer 3

obj1 = document.querySelector('div')[0];

Answer 4

document.getElementsByTagName("tagName") // 返回的是一个集合,因为是getElement's'
document.getElementByID('id')  // 这个返回的才是一个dom元素, 因为ID是唯一的 getElement

Answer 5

线上提取css工具有很多，不用安装，比自己写快多了。是个简单易用的网页css样式提取工具，特别的好处是可以提取一张URL网页的某处html源码区域的精简样式，详明工具:
http://collect.longsunhd.com/...，或百度一下"龙抓手采集官方测试"