Question

我写了一个ajax程序。当我得到回复时，那时我会显示我的网页中的内容使用html标签。

那么如何在javascript中使用html标签呢？

Answer 1

您从服务器获取的示例数据以及您要添加的示例html将使人们更容易为您提供帮助。

基本步骤是 1.获取要放入新数据的html节点的引用。有多种策略可以引用该节点。如果它有一个id，它是最明星的。 2.set innerHTML属性。

例如

var node = document.getElementById("targetNode");
node.innerHTML = "<div>data</div>";

Answer 2

嗯......没那么详细，所以答案不多......

简单方法

document.write("<body> <div> this is on my page! </div>  </body>

或者您可以编辑元素的innerhtml以将内容置于其中

document.getElementById("id").innerHTML = "<div>This is inside my element with id="id" </div>"

回答这个问题，不是吗？

Answer 3

您可以制作一堆预定义的javascript函数，然后在脚本标记之外使用它们，而不是将html嵌入到javascript中。例如，以下是在使用javascript函数的同时显示图片的方法。

<html>

<script type="text/javascript">

function display_message()
{
alert("This is a message.");
};

</script>

<body>

<img src="image.jpg">

<form>

<input type="button" value="Click me!" onclick="display_message()" />

</form>

</body>

</html>

Answer 4

我知道这是一篇旧文章，但这可能会有所帮助... 使用jquery是将html元素与脚本结合的好方法注意：如果要在主体中使用它，请务必将其封装在

中

$(document).ready (function(){ YOUR CODE });
    
// Create an object:
var url = {
  link: "https://stackoverflow.com/questions/2834929/how-can-i-use-html-tags-in-javascript"
};
// Display URL object:
$('#panel').html('<a href=' + url.link + '>' + url.link + '</a>');

//Note: the # denotes id, if you want to use a class it would be:
//$('.panel').html('<a href=' + url.link + '>' + url.link + '</a>');
//your html would be: <div id="panel"></div> or whatever you choose ie <p> and so //forth

我如何在javascript中使用html标签

4 个答案: