亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

setAttribute和getAttribute配合使用

小樊
83
2024-06-27 00:36:57
欄目: 編程語言

示例代碼如下:

<!DOCTYPE html>
<html>
<head>
    <title>setAttribute和getAttribute示例</title>
</head>
<body>

<h2>設置和獲取屬性值示例</h2>

<input type="text" id="inputField">
<button onclick="setValue()">設置屬性值</button>
<button onclick="getValue()">獲取屬性值</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>

這段代碼演示了如何使用setAttribute和getAttribute方法來設置和獲取元素的自定義屬性值。當點擊"設置屬性值"按鈕時,會將input元素的"data-value"屬性設置為"Hello, World!",并彈出提示框顯示設置的屬性值。當點擊"獲取屬性值"按鈕時,會獲取input元素的"data-value"屬性值,并彈出提示框顯示獲取到的屬性值。

0
如皋市| 大安市| 肥西县| 黄平县| 封开县| 祁东县| 余干县| 拜城县| 镇康县| 图片| 宿松县| 彝良县| 富平县| 乌海市| 潼南县| 桑日县| 资溪县| 长春市| 永春县| 顺昌县| 南漳县| 乐陵市| 睢宁县| 肃南| 资中县| 施秉县| 平南县| 扶沟县| 旌德县| 丹东市| 伊宁县| 滕州市| 上高县| 岐山县| 菏泽市| 衡水市| 江安县| 徐州市| 蓝山县| 施秉县| 苏尼特左旗|