js id class属性

<div id="myElement">Hello World!</div>

<script>
// 使用JavaScript获取id为myElement的元素
var element = document.getElementById('myElement');
console.log(element.textContent); // 输出: Hello World!
</script>

<style>
/* 使用CSS为id为myElement的元素设置样式 */
#myElement {
    color: red;
}
</style>

<div class="myClass">Element 1</div>
<div class="myClass">Element 2</div>

<script>
// 使用JavaScript获取所有class为myClass的元素
var elements = document.getElementsByClassName('myClass');
for (var i = 0; i < elements.length; i++) {
    console.log(elements[i].textContent); // 输出: Element 1, Element 2
}
</script>

<style>
/* 使用CSS为class为myClass的元素设置样式 */
.myClass {
    font-weight: bold;
}
</style>

var elements = document.getElementsByClassName('myClass');
for (var i = 0; i < elements.length; i++) {
    elements[i].addEventListener('click', function() {
        alert('Element clicked!');
    });
}