javascript如何把特定值放进div里

lxf2023-02-19 10:28:40

javascript把值放进div里的方式:1、运用innerTexts属性,词法“div目标.innerText="特定值";”;2、运用innerHTML特性,词法“div目标.innerHTML="特定值";”。

javascript如何把特定值放进div里

实例教程作业环境:windows7系统软件、javascript1.8.5版、Dell G3计算机。

javascript把特定值放进div中

方式1:运用innerTexts属性

innerText特性能设或获得标识(以及子标识)中所有文字,不容易获得标识(换句话说能够滤掉每一个标识)。假如有好几个空格符或者自动换行,分析为一个空格符。

如果你想要清除标签的具体内容,innerText = "";就可以

如果你想要设置标签里面的内容,innerText = "填好需要设定的标签和具体内容";设定内容时,能把原先的具体内容所有遮盖。可是标识不被分析,会以文字的方式打印出在页面上。

完成编码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div{
height: 50px;
border: 1px solid red;
}
</style>
</head>
<body>
<div id="demo"></div><br>
<input type="button" onclick="addtext()" value="点击图标,向div中加入具体内容" />
<script type="text/javascript">
function addtext() {
var div=document.getElementById("demo");
div.innerText="hello";
}
</script>
</body>
</html>

设计效果图:

javascript如何把特定值放进div里

方式2:运用innerHTML特性

这种方法可获得标识中所有内容,包含标识、空格符、文字、自动换行等。

需要清除标签的具体内容,innerHTML = "";就可以

如果你想要设置标签里面的内容,innerHTML = "填好需要设定的标签和具体内容";设定内容时,能把原先的具体内容所有遮盖。

完成编码:

function addtext() {
var div=document.getElementById("demo");
div.innerHTML="欢迎走进AdminJS!";
}

设计效果图:

javascript如何把特定值放进div里

【强烈推荐学习培训:javascript高级教程】

以上就是关于javascript如何把特定值放进div里的具体内容,大量欢迎关注AdminJS其他类似文章!