javascript - ロード時にdiv要素をクリアする方法

Question

リボンにハイパーリンクを追加したい。既存のdivにハイパーリンクを追加することができました。リボンは私が行うすべてのアクションで更新されるため、ハイパーリンクが増加しています。

divをクリアして、1つのリンクのみを使用可能にするにはどうすればよいですか。

私は次のコードを使用しています：

var mydiv = document.getElementById("myDiv");
var aTag = document.createElement('a'); 
aTag.setAttribute('href',"yourlink.htm");  
aTag.innerHTML = "link text";
mydiv.appendChild(aTag);

score 2 · Accepted Answer

jQueryにはempty（）関数があります。純粋なJSを使用している場合は、タグmydiv.innerhtml = ""を追加する前にいつでも行を追加できます。<a>

score 1 · Accepted Answer

これはあなたのために働くかもしれません：

var mydiv = document.getElementById("myDiv");
var aTag = document.createElement('a'); 
aTag.setAttribute('href',"yourlink.htm");  
aTag.innerHTML = "link text";
mydiv.innerHTML="";
mydiv.innerHTML=aTag;

score 0 · Accepted Answer

リボンが「myDiv」であると仮定します

mydiv.innerHTML = ""

前

mydiv.appendChild(aTag);

score 0 · Accepted Answer

var mydiv = document.getElementById("myDiv");
var aTag = document.createElement('a');

aTag.setAttribute('href',"yourlink.htm");
aTag.innerHTML = "link text";

if( mydiv.firstChild ){
  mydiv.replaceChild(aTag, mydiv.firstChild);
}else{
  mydiv.appendChild(aTag);
}

score 0 · Accepted Answer

このメソッドは、子（およびその他の子孫）要素だけでなく、一致した要素のセット内のテキストもすべて削除します。これは、DOM仕様によれば、要素内のテキストの文字列はすべて、その要素の子ノードと見なされるためです。次のHTMLについて考えてみます。

<div class="container">
  <div class="hello">Hello</div>
  <div class="goodbye">Goodbye</div>
</div>

任意の要素を削除対象にすることができます。

$('.hello').empty();

これにより、Helloテキストが削除されたDOM構造になります。

<div class="container">
  <div class="hello"></div>
  <div class="goodbye">Goodbye</div>
</div>

score 0 · Accepted Answer

これを試して

var aTag = "<a href='yourlink.htm' > </a>";
document.getElementById("myDiv").innerHtml = aTag ;

javascript - ロード時にdiv要素をクリアする方法

6 に答える 6

Related

Reference