Heim  >  Artikel  >  Web-Frontend  >  Wie erstelle ich dynamisch Links mit js? Tipps zum dynamischen Bearbeiten von Seitenelementen mit js

Wie erstelle ich dynamisch Links mit js? Tipps zum dynamischen Bearbeiten von Seitenelementen mit js

零下一度
零下一度Original
2017-04-26 10:07:151737Durchsuche

In diesem Artikel wird hauptsächlich die Methode zum dynamischen Erstellen von Links mit Javascript vorgestellt, einschließlich der Techniken zum dynamischen Bearbeiten von Seitenelementen mit Javascript. Freunde in Not können sich darauf beziehen

Dieser Artikel beschreibt die Methode zum dynamischen Erstellen von Links mit Javascript. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Beispiel für die dynamische Erstellung eines Links:


<html xmlns="http://www.php.cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>动态添加链接</title>
 <script type="text/javascript">
 function AppendLink() {
  var p = document.getElementById("pMain");
  var linkTmp = document.createElement("a");
  linkTmp.href = "http://www.baidu.com";
  linkTmp.innerText = "百度"; 
  //链接要使用innertText,不能使用value
  p.appendChild(linkTmp);
 }
 </script>
</head>
<body>
 <p id="pMain"></p>
 <input type="button" value="添加链接" onclick="AppendLink()" />
</body>
</html>

Das obige ist der detaillierte Inhalt vonWie erstelle ich dynamisch Links mit js? Tipps zum dynamischen Bearbeiten von Seitenelementen mit js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn