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

Question

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


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

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

    </script>

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

怎么回事呢?

Answer 1

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

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

Answer 2

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

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

Answer 3

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

Answer 4

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