如何在javascript中使用html标记

如何在javascript中使用html标记,javascript,Javascript,我写了一个ajax程序。当我得到响应时,我会显示 我的网页中的内容使用html标记 那个么,如何在javascript中使用html标记呢?从服务器获取的示例数据和要添加的示例html将使人们更容易帮助您 基本步骤是 1.获取要放入新数据的html节点的引用。有多种策略可以获取对节点的引用。如果它有一个id,它是最直接的。 2.设置innerHTML属性 乙二醇 var node=document.getElementById(“targetNode”); node.innerHTML=“数据”

我写了一个ajax程序。当我得到响应时,我会显示 我的网页中的内容使用html标记


那个么,如何在javascript中使用html标记呢?

从服务器获取的示例数据和要添加的示例html将使人们更容易帮助您

基本步骤是 1.获取要放入新数据的html节点的引用。有多种策略可以获取对节点的引用。如果它有一个id,它是最直接的。 2.设置innerHTML属性

乙二醇

var node=document.getElementById(“targetNode”);
node.innerHTML=“数据”;

您从服务器获得的示例数据和您想要添加的示例html将使人们更容易帮助您

基本步骤是 1.获取要放入新数据的html节点的引用。有多种策略可以获取对节点的引用。如果它有一个id,它是最直接的。 2.设置innerHTML属性

乙二醇

var node=document.getElementById(“targetNode”);
node.innerHTML=“数据”;

嗯。。。没有太多的细节所以没有太多的答案

捷径

document.write("<body> <div> this is on my page! </div>  </body>
document.write(“这在我的页面上!
或者,您可以编辑元素的innerhtml以将内容放在其中

document.getElementById("id").innerHTML = "<div>This is inside my element with id="id" </div>"
document.getElementById(“id”).innerHTML=“这在id为=“id”的我的元素中”

回答这个问题,不是吗?

嗯……没有太多细节,所以答案不多

捷径

document.write("<body> <div> this is on my page! </div>  </body>
document.write(“这在我的页面上!
或者,您可以编辑元素的innerhtml以将内容放在其中

document.getElementById("id").innerHTML = "<div>This is inside my element with id="id" </div>"
document.getElementById(“id”).innerHTML=“这在id为=“id”的我的元素中”

回答这个问题,否?

您可以创建一组预定义的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>

功能显示_消息()
{
警报(“这是一条消息”);
};

您可以创建一组预定义的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>

功能显示_消息()
{
警报(“这是一条消息”);
};

我知道这是一篇老文章,但这可能会有所帮助。。。 使用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
$(document).ready(函数(){YOUR code});
//创建一个对象:
变量url={
链接:“https://stackoverflow.com/questions/2834929/how-can-i-use-html-tags-in-javascript"
};
//显示URL对象:
$('#panel').html('');
//注意:#表示id,如果要使用类,它将是:
//$('.panel').html('');
//你的html应该是:或者你选择的任何东西,比如等等

我知道这是一篇老文章,但这可能会有所帮助。。。 使用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
$(document).ready(函数(){YOUR code});
//创建一个对象:
变量url={
链接:“https://stackoverflow.com/questions/2834929/how-can-i-use-html-tags-in-javascript"
};
//显示URL对象:
$('#panel').html('');
//注意:#表示id,如果要使用类,它将是:
//$('.panel').html('');
//你的html应该是:或者你选择的任何东西,比如等等

您到底想做什么?您有什么样的响应?您得到的是HTML?或JSON?或XML?还是什么?看看document.createElement和类似的函数:您到底想做什么?您得到的是什么样的响应?您得到的是HTML?或JSON?或XML?还是什么?看看document.createElement和similar功能: