Question

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

代表：An absolute URL: <a href="https://www.w3schools.com">W3Schools</a>

这是我的标签。我想将它存储到某个变量中，以便稍后在我的函数中使用它。但我不知道如何储存它。在途中我得像

那样存储

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

但是这又是一个我不能使用特定锚标签的对象。任何人都可以建议如何处理它。如何在javascript变量或任何解决方案中存储html标签。

Answer 1

    
function createCustomElement(anchorText, anchorLink){
  

  var aTag = document.createElement("a");
  aTag.href = anchorLink;
  aTag.innerHTML = anchorText;
  
  return aTag ;
}

var parent = document.getElementById('para');
var customElement = createCustomElement("w3Schools", "www.w3School.com");
parent.appendChild(customElement);

<div id="para">
</div>

Answer 2

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

function strToElem(text, link){
  var temp = '<p> An absolute URL : <a href="'+ link + '">'+text+'</a></p>';
  var a = document.createElement("p");
  a.innerHTML = temp;
  return a.childNodes[0];
}

var parent = document.getElementById('parent');
var elem = strToElem("w3Schools", "www.w3School.com");
parent.appendChild(elem);

<div id="parent">
</div>

Answer 3

您可以使用document.createElement()方法

在JavaScript中将html元素创建为对象

在JavaScript中创建并存储以下html字符串作为对象：
An absolute URL: <a href="https://www.w3schools.com">W3Schools</a>

您首先需要创建父标记，如下所示，

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后者。

Answer 4

这是可能的，您可以将其存储为String。如果由于报价混淆而努力使其工作，那么正确就是

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

请注意单引号。由于您已经为href使用了双引号，因此字符串必须用单引号括起来。

Answer 5

尝试使用此代码。将您的html代码块包含在＆＃39;＆＃39;＆＃39;它应该工作。

var test = 'An absolute URL: <a href="https://www.w3schools.com">W3Schools</a>';

Answer 6

我认为你必须把那个html包含在＆＃39; ＆＃39; （对于正确的sitaxis），或者，第二个选项是使用Javascript创建一个Dom对象。

https://www.w3schools.com/js/js_htmldom_nodes.asp

然后你可以编辑和修改为真正的HTML而不是简单的字符串。

希望这对你有所帮助。

Answer 7

我想你可以把它当作一个元素：

var el = document.getElementById（'something'）;

并在您的函数中使用它

有两种获得元素的方法;

-------单向------

in html

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

在js

var el = document.getElementById('something');

----另一种方式----

通过js

创建一个元素

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

this is how to use the function

如何将html标签添加到javascript中。

7 个答案: