どのように動的にJavaScriptの

Question

を使用して属性を追加する私はIDを使用して要素を取得したい：

var a = document.getElementById("hello"); 

、その後、動的にそれに「labelText」と呼ばれることに属性を追加し、値を代入「{labeltext}」 。

私は連結を使用する必要がありますか？

私は次のことを試してみましたが、それは動作しませんでした：あなたは、基本的に動作しているの

document.getElementById("hello").setAttribute("labelText", "'{' + labelText + '}' "); 

Answer 1

何、構文エラーが最初に明示的Vohumanで識別では、修正しました。

//Assign the Attribute: 
 
var labelText='Some Value'; 
 
document.getElementById("hello").setAttribute('labelText', '{' + labelText + '}'); 
 

 
//Define some variables for getting the results 
 
var attributeEl = document.getElementById("attribute"); 
 
var theHTMLEl = document.getElementById("theHTML"); 
 

 
///Get the attribute value 
 
var textLabelValue = document.getElementById("hello").getAttribute('labelText'); 
 

 
//Show the results: 
 
attributeEl.textContent = textLabelValue; 
 
theHTMLEl.textContent = document.getElementById("hello").outerHTML;

<div id="hello"></div> 
 
The labelText attribute is: 
 
<div id="attribute"></div> 
 
The resulting HTML is: 
 
<div id="theHTML"></div>