InternetExplorer と Mozilla Firefox の両方で機能する div タグを無効にする方法
document.getElementById("xx").disabled = true; を使用しています。しかし、これは Mozilla Firefox では機能しません。
InternetExplorer と Mozilla Firefox の両方で機能する div タグを無効にする方法
document.getElementById("xx").disabled = true; を使用しています。しかし、これは Mozilla Firefox では機能しません。
divのスタイルを使用して、divを非表示および表示できます。
document.getElementById("xx").style.display = 'none'
document.getElementById("xx").style.display = 'block'
以下はデモです:
<html>
<body>
<a href="javascript://" onclick="document.getElementById('hideme').style.display = 'none'">hide</a>
<a href="javascript://" onclick="document.getElementById('hideme').style.display = 'block'">show</a>
<div id="hideme">
hello world
</div>
</body>
</html>
この関数を使用すると、div、テキストボックスなど内のすべてが無効になります...それが必要なものだと思います。
toggleDisabled(document.getElementById('test'));
function toggleDisabled(el) {
try {
el.disabled = el.disabled ? false : true;
}
catch (e){ }
if (el.childNodes && el.childNodes.length > 0) {
for (var x = 0; x < el.childNodes.length; x++) {
toggleDisabled(el.childNodes[x]);
}
}
}