「JavaScript」removeAttributeでHTMLタグの属性値を削除する
書式
var 変数名 = document.getElementById(セレクタID);
変数名.removeAttribute(htmlタグの属性値);
removeAttributeを使用してHTMLタグの属性値を削除します。
サンプルコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>HTMLタグの属性値を削除するremoveAttributeサンプル</title>
<script>
function funA(){
var tt = document.getElementById("cft");
tt.removeAttribute("align");
}
</script>
</head>
<body>
<p id="cft" align="right">東京</p>
<input type="button" value="削除" onclick="funA();">
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>HTMLタグの属性値を削除するremoveAttributeサンプル</title>
<script>
function funA(){
var tt = document.getElementById("cft");
tt.removeAttribute("align");
}
</script>
</head>
<body>
<p id="cft" align="right">東京</p>
<input type="button" value="削除" onclick="funA();">
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>HTMLタグの属性値を削除するremoveAttributeサンプル</title>
<script>
function funA(){
var tt = document.getElementById("cft");
tt.removeAttribute("align");
}
</script>
</head>
<body>
<p id="cft" align="right">東京</p>
<input type="button" value="削除" onclick="funA();">
</body>
</html>
結果
「削除」ボタンを押すと、文字「東京」が右寄せから左寄せに変わります。