技术问答JS鐨刣ocument.all鍑芥暟鎬庝箞浣跨敤 - 扬州沐宇科技

document.all鍑芥暟鍦↗avaScript涓凡缁忚搴熷純锛屼笉鍐嶅缓璁娇鐢ㄣ€傚湪鐜颁唬鐨刉eb寮€鍙戜腑锛屽彲浠ヤ娇鐢╠ocument.getElementById()鍑芥暟鏉ヨ幏鍙栭〉闈腑鐨勫厓绱犺妭鐐广€傜ず渚嬪涓嬶細

// 鑾峰彇id涓簃yElement鐨勫厓绱犺妭鐐?/span>
var element = document.getElementById("myElement");

// 淇敼鍏冪礌鐨勬枃鏈唴瀹?/span>
element.innerHTML = "Hello, World!";

濡傛灉闇€瑕佽幏鍙栭〉闈腑鐨勫涓厓绱犺妭鐐癸紝鍙互浣跨敤document.querySelectorAll()鍑芥暟銆傜ず渚嬪涓嬶細

// 鑾峰彇鎵€鏈塩lass涓簃yClass鐨勫厓绱犺妭鐐?/span>
var elements = document.querySelectorAll(".myClass");

// 淇敼鎵€鏈夊厓绱犵殑鏂囨湰鍐呭
elements.forEach(function(element) {
  element.innerHTML = "Hello, World!";
});

璇锋敞鎰忥紝鍦ㄤ娇鐢ㄤ互涓婃柟娉曟椂锛岄渶瑕佺‘淇濋〉闈腑瀛樺湪鐩稿簲鐨勫厓绱犺妭鐐癸紝鍚﹀垯浼氬嚭鐜伴敊璇€?/p>