JavaScript中操作元素
2021-03-07 05:29
DOCTYPE html>
html>
head>
meta charset="utf-8">
title>title>
script type="text/javascript">
function demo1(){
//获得div的对象
var div =document.getElementById("div1");
// 文本和HTML的标签
var inn=div.innerHTML;
console.log(inn);
//输出的是纯文本
var inn2=div.innerText;
console.log(inn2);
//操作内容 可以识别HTML标签的
//div.innerHTML="嘿嘿";
//把内容当作纯文本输出
//div.innerText=div.innerText+"嘿嘿";
div.innerText+="嘿嘿";
}
function ch(th){
alert(th.value);
}
function test(){
//获得多行文本的对象
var te=document.getElementById("te");
//取值问题
alert(te.value);
//赋值操作
te.innerHTML="sxt";
}
script>
head>
body>
input type="button" name="" id="" value="元素内容测试" onclick="test()"/>
hr />
div id="div1">
span>人到中年不由己，保温杯里泡枸杞span>
div>
select onchange="ch(this)">
option value="1">水果1option>
option value="2">水果2option>
option value="3">水果3option>
select>
textarea id="te" >textarea>
body>
html>