获取类的实际名称,而不是其中的元素?

时间:2018-03-28 23:24:12

标签: javascript html class parameters getelementsbyclassname

要使用类名获取元素,可以使用document.getElementsByClassName()

但JavaScript中是否有一个函数来获取类本身的实际名称?

示例:



var classElement = document.getElementsByClassName('myClass');
       var printResult = document.getElementById('result');
    
       printResult.innerHTML = classElement[0].innerHTML;

<div class="myClass">Hello</div>
    <div id="result"></div>
&#13;
&#13;
&#13;

printResult将打印出来&#34; Hello&#34;。如果我希望结果打印出字符串&#34; myClass&#34; 这是实际的类名怎么办?

我尝试classElement[0].className.innerHTML,但它返回undefined

1 个答案:

答案 0 :(得分:2)

className是包含元素类的dom节点的属性。 您不需要添加innerHTML,这是dom节点的另一个属性,并返回/设置相应元素的html内容。

&#13;
&#13;
var classElement = document.getElementsByClassName('myClass');
var printResult = document.getElementById('result');

printResult.innerHTML = classElement[0].className;
&#13;
<div class="myClass">Hello</div>
<div id="result"></div>
&#13;
&#13;
&#13;