会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132359个问题
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 422楼
JAVA 全系列/第四阶段:网页编程和设计/CSS3(旧) 424楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 426楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 427楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 428楼

老师为什么我选择中国时没有弹出对应的值啊,换火狐,360急速浏览器,谷歌还是一样的,麻烦帮看下哪里错了,谢谢

代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#div1{
				width: 200px;
				height: 200px;
				border: 2px solid yellowgreen;
			}
			
		</style>
		
		<script>
		function dome1(){
			//获得div 的对象		
			var div= document.getElementById("div1");
			
			//获得文本内容
			//会获得html中的内容
			var inn=div.innerHTML;
			
			//只会获得文本内的信息
			var inn2=div1.innerText;
			//console.log(inn);
			//console.log(inn2);
			
			//会识别html中的信息 
			//div.innerHTML="<h2>我们没有什么不一样</h2>";
			
			//不会识别html信息,会当做文本内容原封不动的输出 	+=:在后面追加值
			div.innerText+="<h2>我们没有什么不一样</h2>";
			/*
			 双标签有innerHTML和innerText
			 单标签获得的时候用value获得(可以查看	04DOM中操作节点对象的属性.html)
			 
			 特殊标签:
			 select ,textarea
			 */
			function demo2(){
				//获得select的对象
				var sel=document.getElementById("sele");
				alert(sel.value);
			}
			
			function demo3(){	
				var te=document.getElementById("tex");
				alert(te.value);
			}
		}
		
		
		</script>
	</head>
	<body>		
		<div id="div1">
			<span>我们不一样</span>
			
		</div>
		
		<input type="text" value="" name="inp2" id="inp2" />
		<hr />
		<select id="sele" onchange="demo2()">
			<option value="0">--请选择--</option>
			<option value="1">中国</option>
			<option value="2">日本</option>
		</select>
		<hr />
		<textarea rows="20" cols="20" id="tex">sdfsaas1566</textarea>
			<input type="button" value="操作元素文本内容" onclick="demo3()" />
	</body>
</html>


image.png

JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 430楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 432楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637