js id

// 示例代码：使用 JavaScript 中的 ID 选择器

// HTML 部分
/*
<div id="myDiv">这是一个带有 ID 的 div 元素。</div>
*/

// JavaScript 部分
document.addEventListener("DOMContentLoaded", function() {
    // 使用 getElementById 方法获取具有特定 ID 的元素
    var element = document.getElementById("myDiv");

    // 检查是否找到了元素
    if (element) {
        // 修改该元素的内容
        element.innerHTML = "ID 为 'myDiv' 的元素内容已被修改。";

        // 修改该元素的样式
        element.style.color = "blue";
    } else {
        console.log("未找到 ID 为 'myDiv' 的元素");
    }
});

// 解释说明：
// 1. document.getElementById("myDiv")：通过 ID 获取指定的 DOM 元素。
// 2. element.innerHTML：用于修改元素的内部 HTML 内容。
// 3. element.style.color：用于修改元素的样式属性，这里将文本颜色改为蓝色。