オブジェクトの属性

■概要

querySelectorを利用して探したオブジェクトからいくつかの属性を利用してDOMの制御ができます。
代表的には、value属性を使うとHTMLタグのvalue属性を指定した時と同じ効果になります。

タグにより使える属性は異なります。以下はよく使われる属性です。

属性	説明	例
id	idの値	if (myClass.id == “my-class”)
className	classの値	myClass.className = “class first-class”
tagName	タグの値	if (myClass.tagName == “div”)
value	valueの値	classInputArea = “boxClass”
style	styleオブジェクト	myClass.style.color = “blue”
innerHTML	タグ内部のHTML値	myClass.innerHTML = “done”

■ユーザ定義属性の制御
下記の4つの関数を使ってユーザ定義属性の制御を行います。

getAttribute(name)

setAttribute(name, value)

hasAttribute(name)

removeAttribute(name)

例

var userId = document.getElementById(“userId”);
var monsterId = document.getElementById(“monsterId”);
userId.setAttribute(“HP”, 500);
userId.style.left = “40px”;
if (parseInt(userId.style.left) < parseInt(monsterId.style.left)) 　userId.setAttribute("HP", userId.getAttribute("HP") - 100);

当サイトは広告を含めています。広告のクリックによる収益は全て当サイトの管理、維持、コンテンツ製作に使われます。