javascript怎么在指定的标签下面添加HTML代码呀

javascript怎么在指定的标签下面添加HTML代码呀,第1张

<html>

<head>

<style>

p{ background:yellow}

</style>

<scriptsrc="http://code.jquery.com/jquery-latest.js&quot></script>

</head>

<body>

<p>I would like to say: </p>

<script>

$("p").append("<strong>Hello</strong>")

</script>

</body>

</html>

效果:

在p标签内容后面加上了hello

var table_head = $("#head_table").html()

var strBodyStyle = "<style>table { border: 1 solid #000000border-collapse:collapsefont-size:12px }</style>"

var strFormHtml = document.getElementById("div1")

strFormHtml.append(table_head)

strFormHtml += strBodyStyle

扩展资料: 

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的CSS 选择器,除此之外,它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头:$()。

元素选择器

jQuery 元素选择器基于元素名选取元素。

1$("p")

在页面中选取所有 <p>元素

id 选择器

jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。

页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。

通过 id 选取元素语法如下:

1$("#test")

class 选择器

jQuery 类选择器可以通过指定的 class 查找元素。

语法如下:

1$(".test")

1、新建html文档,然后在head标签中引入vue的js文件,这里以引入cdn文件为例:

2、在body标签中添加一个id为“app”的div标签,然后在这个div标签中再添加一个div标签,在vue中添加一个变量数据,然后用“{{}}”符号将变量引入到div标签中,并且在标签中添加“v-html="变量"v-html="变量"”属性:

3、用浏览器打开html文档,这时可以在页面中看到被v-html指令添加的html元素:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11917883.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存