| HTML中如何使用JavaScript创建链接？ | 您所在的位置：网站首页 › 怎么新建网页链接 › HTML中如何使用JavaScript创建链接？ |
HTML中如何使用JavaScript创建链接？
|
给定一个HTML文档，如何使用JavaScript创建链接，并将其添加到文档中？下面本篇文章就来给大家介绍一下在HTML中使用JavaScript创建链接的方法，希望对大家有所帮助。 做法： ● 创建一个锚元素。 ● 创建一个文本节点，其中包含一些将显示为链接的文本。 ● 将文本节点附加到锚元素。 ● 设置元素的title和href属性。 ● 在body中追加元素。 示例1：使用appendChild()方法将锚a元素添加到正文 单击按钮，可使用JavaScript生成链接 点击这里 var el_down = document.getElementById("DOWN"); function Fun() { var a = document.createElement('a'); //为锚a元素创建文本节点 var link = document.createTextNode("这是链接！"); // 将文本节点追加到锚a元素 a.appendChild(link); // 设置title. a.title = "这是链接！"; // 设置href属性 a.href = "https://www.html.cn"; // 将锚元素附加到body document.body.appendChild(a); }效果图： 示例2：使用prepend()方法将锚a元素添加到正文 单击按钮，可使用JavaScript生成链接 点击这里 var el_down = document.getElementById("DOWN"); function Fun() { var a = document.createElement('a'); //为锚a元素创建文本节点 var link = document.createTextNode("这是链接！"); // 将文本节点追加到锚a元素 a.appendChild(link); // 设置title. a.title = "这是链接！"; // 设置href属性 a.href = "https://www.html.cn"; // 将锚元素附加到body document.body.prepend(a); }效果图： 相关推荐： angularjs教程 golang教程 redis入门教程 |
【本文地址】
公司简介
联系我们