一个简单的DOM实例

Posted FreeMan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个简单的DOM实例相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id =‘id1‘>id1</div>
<form id=‘form‘ action="/check/" method="get">
<input id=‘age‘ type="text"/>
<input onclick="DoSubmit()" type="button" value="button"/>
</form>
<script type="text/javascript">
var obj=document.getElementById(‘id1‘);
obj.innerText=‘change‘;
console.log(obj.innerText);
function DoSubmit(){
var age = document.getElementById("age");
if(age.value.trim().length > 0){
document.getElementById(‘form‘).submit();
}else{
alert(‘no key.....‘);
}
}
</script>
</body>
</html>

以上是关于一个简单的DOM实例的主要内容,如果未能解决你的问题,请参考以下文章

echarts学习总结

React之JSX的使用规则及简单代码实例

JS之DOM

vue组件初始化过程

react.js 高阶组件----很简单的实例理解高阶组件思想

简单理解vue的生命周期