新增
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DON练习1</title>
</head>
<body>
<div id="container">
</div>
<a href="http://www.baidu.com" onclick="return AddElement();">
添加
</a>
<script>
function AddElement() {
var nid = document.getElementById('container');
var creatObj = document.createElement('a');
creatObj.href = "http://www.baidu.com";
creatObj.innerText = "百度";
var brObj = document.createElement('br')
nid.appendChild(creatObj);
nid.appendChild(brObj)
return false;
}
</script>
</body>
</html>
修改
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DON练习1</title>
</head>
<body>
<div id="container" class="Long" style="font-size: 24px;color: #999;">
<a href="http://www.baidu.com" onclick="return AddElement();">
添加
</a>
</div>
<script>
function AddElement() {
var nid = document.getElementById('container');
nid.id = 'Main';
nid.setAttribute('name', 'Jack');
nid.setAttribute('Xing', 'Chen');
nid.className = "Jack Chen";
nid.style.fontSize = "96px";
return false;
}
</script>
</body>
</html>
表单提交
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM FORM</title>
</head>
<body>
<form id="form1" action="https://www.sogou.com/web" method="get">
<input name="query" type="text" />
<div onclick="Submit();">提交</div>
</form>
<script type="text/javascript">
function Submit() {
document.getElementById('form1').submit();
}
</script>
</body>
</html>
定时器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Welcome to Jack Chen's Homepage</title>
</head>
<body>
<input type="button" onclick="StopInterval();" value="Stop" />
<script>
obj1 = setInterval("Func()", 600);
function StopInterval() {
clearInterval(obj1)
}
function Func() {
var te = document.title;
var fc = te.charAt(0)
var substr = te.substr(1,te.length);
var newtitle = substr + fc;
document.title = newtitle
}
</script>
</body>
</html>