用JavaScript创建链接,并将其集成到createTextNode()中
Creating link in JavaScript, and integrating it into createTextNode()
我希望将链接集成到创建的文本节点中,但它只是文本(标题),而不是链接。我该如何解决这个问题?
函数中的代码:
function createMessage() {
var a = document.createElement('a');
var linkText = document.createTextNode("http://www.example.com");
a.title = "http://www.example.com";
a.href = "http://www.example.com";
var message2 = document.createElement("p");
var message2text = document.createTextNode("Website: " + a + ".");
message2.appendChild(message2text);
var olElem = document.getElementById("display");
var old = document.getElementById("display");
var display = old.parentNode;
return display.replaceChild(message2, olElem);
}
此处的问题:
var message2text = document.createTextNode("Website: " + a + ".");
// ---------------------------------------------------^^^^^^^
您不能将DOM元素附加到字符串中并获得有用的结果。
很难弄清楚你想在代码中做什么,但要创建一个包含链接的段落,最简单的方法是innerHTML
:
var p = document.createElement('p');
p.innerHTML = 'Website: <a href="http://example.com" title="http://example.com">http://example.com</a>.';
然后在需要的地方附加/插入。
但如果你想零零碎碎地做,那就是:
var a = document.createElement('a');
a.href = "http://example.com";
a.title = "http://example.com";
a.appendChild(document.createTextNode("http://example.com"));
var p = document.createElement('p');
p.appendChild(document.createTextNode("Website: "));
p.appendChild(a);
p.appendChild(document.createTextNode("."));
然后在需要的地方附加/插入。请注意,我们必须创建三个单独的文本节点:链接前的文本、链接内的文本和链接后的文本。
相关文章:
- 如何检测用于WebGL的专用或集成显卡
- 在我的SPA应用程序中集成Facebook共享的问题
- vaadin:使用自定义布局集成angular js
- React ajax数据集成
- 有没有一个抽象层,这样我就可以集成一次,然后使用pusher、pubnub或faye
- IE中关于ZK和JavaScript集成的一些错误
- 如何将拼写检查集成到密文编辑器
- 将外部文件与AngularJs集成
- 如何将tesseract OCR与Cordova/Phonegap应用程序集成
- Cordova Facebook登录集成cordovaOauth
- 如何在Angular js中集成其他页面中的样式
- 性能与模块化:将JS集成到PHP或单独的custom.JS中
- Meteor集成测试,在velocity'她的镜子上有茉莉花
- Okta与JavaScript的集成
- 将prettyPhoto集成到Wordpress主题中
- 将epub.js集成到firefox中,作为.epub的默认读取器
- 在Meteor:p5.AudioIn()中集成p5.sound.js不是构造函数
- 如何将现有的angular js应用程序集成到Laravel 5中
- 如何将FBjavascript API与我的后台集成
- 将Laravel5.0中的谷歌图表与mysql数据库中的数据集成