使用JS JQ都可以往DIV中添加内容_IT百科

js:

document.getElementById("TemplateContent").innerHTML = "添加的内容"

jq:

$("#TemplateContent").html("添加的内容")

//↓只添加文字

$("#TemplateContent").text("添加的文字")

//↓添加dom

$("#TemplateContent").append(document.createElement("div"))

div中添加文字的具体 *** 作步骤如下：

1、打开Dreamweaver软件，新建一个html文件。

2、在<title></title>中间，把标题改为第一个网页。

3、在</head>和<body>中间，输入代码<div>大家好这是第一次写网页</div>。

4、把<div>大家好这是第一次写网页</div>复制一行，放到第下一行。

5、单击拆分，会出现两个框，即可查看div中添加的文字效果图，点击保存即可。

const imgList = document.getElementsByClassName('content')[0].getElementsByTagName('img')

for(let i=0i<imgList.lengthi+=1){

$(imgList[i]).hover(function(){

$(imgList[i]).css("background-color","yellow")

},function(){

$(imgList[i]).css("background-color","transparent")

})

}

混着用的 js的写法复杂一点所以引入了jq写的

欢迎分享，转载请注明来源：内存溢出

使用JS JQ都可以往DIV中添加内容