技术问答setAttribute鍜実etAttribute閰嶅悎浣跨敤 - 扬州沐宇科技

绀轰緥浠ｇ爜濡備笅锛?/p>

<!DOCTYPE html>
<html>
<head>
    <title>setAttribute鍜実etAttribute绀轰緥</title>
</head>
<body>

<h2>璁剧疆鍜岃幏鍙栧睘鎬у€肩ず渚?span class="hljs-tag"></h2>

<input type="text" id="inputField">
<button onclick="setValue()">璁剧疆灞炴€у€?span class="hljs-tag"></button>
<button onclick="getValue()">鑾峰彇灞炴€у€?span class="hljs-tag"></button>

<script>
function setValue() {
    var inputField = document.getElementById("inputField");
    inputField.setAttribute("data-value", "Hello, World!");
    alert("灞炴€у€煎凡璁剧疆涓? " + inputField.getAttribute("data-value"));
}

function getValue() {
    var inputField = document.getElementById("inputField");
    var value = inputField.getAttribute("data-value");
    alert("鑾峰彇鍒扮殑灞炴€у€间负: " + value);
}
</script>

</body>
</html>

杩欐浠ｇ爜婕旂ず浜嗗浣曚娇鐢╯etAttribute鍜実etAttribute鏂规硶鏉ヨ缃拰鑾峰彇鍏冪礌鐨勮嚜瀹氫箟灞炴€у€笺€傚綋鐐瑰嚮"璁剧疆灞炴€у€?quot;鎸夐挳鏃讹紝浼氬皢input鍏冪礌鐨?quot;data-value"灞炴€ц缃负"Hello, World!"锛屽苟寮瑰嚭鎻愮ず妗嗘樉绀鸿缃殑灞炴€у€笺€傚綋鐐瑰嚮"鑾峰彇灞炴€у€?quot;鎸夐挳鏃讹紝浼氳幏鍙杋nput鍏冪礌鐨?quot;data-value"灞炴€у€硷紝骞跺脊鍑烘彁绀烘鏄剧ず鑾峰彇鍒扮殑灞炴€у€笺€?/p>