题

最新推荐文章于 2022-05-11 20:51:42 发布

十里相思

最新推荐文章于 2022-05-11 20:51:42 发布

阅读量424

点赞数 1

本文链接：https://blog.csdn.net/weixin_43986060/article/details/86537956

版权

#1在页面中有空表格代码为：

<body bgcolor="#ffffff" "create()">
<TABLE id=mytable></TABLE> 
</body>

编写JavaScript代码，实现在该表格中添加多行，效果如下（颜色不限，内容不限）：
在这里插入图片描述

<script>
			function create(){
				var div=document.getElementById('mytable');
				
				for(n=0;n<10;n++){
					var tr=document.createElement('tr');
					div.appendChild(tr);
					var td=document.createElement('td');
					td.innerText='aa'+n;
					tr.appendChild(td);
					if(n%2==0){
					td.style.backgroundColor='red';
				}else{
					td.style.backgroundColor='blue';
				}
				}
				
			}

#2静态页面代码如下：

<body> 
<input type="text" id="input"> 
<input type="button" value="输入" onClick="doSomething();"> 
<div id="output">welcome</div> 
</body>

请使用Javascript代码补全doSomething ()方法，实现文本框输入内容，div根据输入内容调整的功能。要求：
1、当输入的内容是red，blue或black时，对应更改div中的字体颜色。（2）当输入的内容是算数表达式时(如：2+3*5)，在div中显示计算结果。（3）当输入的内容是文字时，在div中显示这些文字。

<script>
			function doSomething(){
				var d=document.getElementById('input').value;
				var div=document.getElementById('output');
				if(d=='red'||d=='blue'||d=='black'){
					div.style.color=d;
				}else{
					try{
						var sum=eval(d);
						div.innerText=sum;
					}catch(e){
						div.innerText=d;
					}
					
				}
			}
		</script>

#3
1、 [ 组合题 ]
在HTML页面上，有效果如下（使用Chrome显示，符合HTML5标准）：
在这里插入图片描述
其中日期部分不可修改。当点击“修改”按钮后，日期部分变为可以修改，输入日期，效果如下：

请分别编写HTML，CSS和JavaScript代码，实现该功能。
1） [ 问答题 ]
补全HTML代码，实现页面效果：

<!DOCTYPE html> <html lang="en"> 
    <head> 
        <meta charset="utf-8"> 
  </head> 
    <body> </body> 
</html>

2） [ 问答题 ]
如果页面中有三个div，代码为：

出生年月:

年/月/日

修改

请将三个div使用css进行位置改变，实现第一个和第二个div在第一行，第三个div在第二行。效果如下：

请写出css样式（不允许在html中添加
等换行代码）。
3） [ 问答题 ]
点击修改按钮时，可以输入日期，请写出JavaScript代码，实现该功能。

<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.fild{
				float: left;
			}
		</style>
		<script>
			function cle(){
				var bu=document.getElementsByTagName('input')[0];
				bu.removeAttribute('readonly');
			}
		</script>
	</head>