Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将HTML标记添加到JavaScript中?_Javascript_Html - Fatal编程技术网

如何将HTML标记添加到JavaScript中?

如何将HTML标记添加到JavaScript中?,javascript,html,Javascript,Html,我想在javascript中使用一个html标记,但不知道如何使用它 例如:绝对URL: 这是我的标签。我想将其存储到某个变量中,以便稍后在函数中使用它。但我不知道如何储存它。在去商店的路上,我像 var htm = { html : <p>An absolute URL: <a href="https://www.w3schools.com">W3Schools</a></p>} var htm={html:绝对URL:} 但是,这是一个我不

我想在javascript中使用一个html标记,但不知道如何使用它

例如:
绝对URL:

这是我的标签。我想将其存储到某个变量中,以便稍后在函数中使用它。但我不知道如何储存它。在去商店的路上,我像

var htm = { html : <p>An absolute URL: <a href="https://www.w3schools.com">W3Schools</a></p>}
var htm={html:绝对URL:

}

但是,这是一个我不能使用的对象。谁能建议一下如何处理这件事。如何在JavaScript变量或任何解决方案中存储html标记。

这是可能的,您可以将其存储为字符串。如果您因为引号混乱而努力使其工作,那么正确的答案是

var htm = { html : '<p>An absolute URL: <a href="https://www.w3schools.com">W3Schools</a></p>'}
var htm={html:'绝对URL:

'}

请注意单引号。因为您已经对href使用了双引号,所以字符串必须用单引号包装。

尝试使用此代码。将html代码块括在“”中,它应该可以工作


var-test='绝对URL:

'

我认为您必须将该html包含在“”中(用于正确的sitaxis),或者,第二个选项是使用Javascript创建Dom对象

然后,您可以作为真正的html而不是简单的字符串进行编辑和修改


希望这对你有帮助

我想你可以把它作为一个元素:

var el=document.getElementById('something')

并在你的功能中使用它

有两种方法可以得到电子表

-------单程------

在html中

  <p id="something">An absolute URL: <a href="https://www.w3schools.com">W3Schools</a></p>
----相反----

通过js创建一个元素

  var el =  document.createElement("p");


函数createCustomElement(anchorText、anchorLink){
var aTag=document.createElement(“a”);
aTag.href=anchorLink;
aTag.innerHTML=anchorText;
返回aTag;
}
var parent=document.getElementById('para');
var customElement=createCustomElement(“w3Schools”,“www.w3School.com”);
parent.appendChild(customElement)

您可以使用
document.createElement()
方法在JavaScript中创建html元素作为对象

在JavaScript中创建并存储以下html字符串作为对象:
绝对URL:

您首先需要创建父标签,如下所示:

var ptag = document.createElement('p');
ptag.innerText = 'An absolute URL:';
var anchorTag = document.createElement('a');
anchroTag.href = 'https://www.w3schools.com';
anchorTag.innerText = 'w3Schools';
ptag.appendChild(anchorTag);
接下来,您需要创建锚定标记对象,如下所示

var ptag = document.createElement('p');
ptag.innerText = 'An absolute URL:';
var anchorTag = document.createElement('a');
anchroTag.href = 'https://www.w3schools.com';
anchorTag.innerText = 'w3Schools';
ptag.appendChild(anchorTag);
接下来将锚点标记作为子标记附加到
标记,如下所示

var ptag = document.createElement('p');
ptag.innerText = 'An absolute URL:';
var anchorTag = document.createElement('a');
anchroTag.href = 'https://www.w3schools.com';
anchorTag.innerText = 'w3Schools';
ptag.appendChild(anchorTag);

通过这种方式,现在您可以引用对象
ptag
anchorTag
后者。

我们可以通过对新创建的元素调用innerHTML并返回其子节点来直接分配字符串模板。通过这样做,我们可以将自定义属性添加到新的DOM元素中,也可以将其添加到模板字符串中

函数strotelem(文本,链接){
var temp='一个绝对URL:

'; var a=document.createElement(“p”); a、 innerHTML=temp; 返回a.childNodes[0]; } var parent=document.getElementById('parent'); var elem=strToElem(“w3Schools”,“www.w3School.com”); 父、子(elem)



将其另存为字符串,然后可以将其附加到某个位置。但是你想用它做什么?你试过什么吗?
var html='Test

'
。。。我真的不明白你的意思,不是吗?HTML仅仅是一个字符串?“使用锚定标签”是什么意思?@AkshayKhandelwal我尝试粘贴的任何内容。@maximelian1986我想在我的电子邮件正文中使用锚定标签。到目前为止,我能够添加我存储在变量中的平面文本。但对于url,我想使用锚定标记。但我想成为锚定标记功能。这是工作作为飞机弦谢谢。我读了这篇文章,但不确定我应该在哪里写我的html代码。谢谢。这是我可以试试的。一个问题是我应该在哪里写
。它可以是您想要添加到的任何父元素

好的,我正在尝试。是的,我只使用了一个标记。不需要第1段。但不知为什么,它只显示url。没有锚文本。我正在调试。一旦我获得成功,我将接受答案。好的,根据新的要求进行了更改谢谢你的回答。事实上,我放弃了ptag的想法。仅使用
atag
。我得到的是url,而不是anchorText
。对于需要使用.innerHTML的RichtText和可以使用.innerText的纯文本,应该有innerHTML或
anchorTag.innerText
。您可以使用.innerHtml。有关设置和获取锚文本的更多详细信息,请查看下一页,感谢您的回答,但应用此选项,我将获得唯一链接而不是文本更新代码。只需更改模板以满足您的需要。就这么简单。