Heim > Web-Frontend > js-Tutorial > 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

零下一度
Freigeben: 2017-04-26 10:07:15
Original
1769 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage