创建一个标签，实现插入
<script>
var js=document.getElementById('js');//已经存在的节点
var list=document.getElementById('list');
//通过js创建一个节点
var newp=document.createElement('p')//创建一个p标签
newp.id='newp'
newp.innerText="hello kuangshen"
list.appendChild(newp);
//创建一个标签(通过这个属性，可以设置任意的值)
var myScript=document.createElement('script')
myScript.setAttribute('type','text/javascript')
</script>
创建一个新标签
<script>
var js=document.getElementById('js');//已经存在的节点
var list=document.getElementById('list');
//通过js创建一个节点
var newp=document.createElement('p')//创建一个p标签
newp.id='newp'
newp.innerText="hello kuangshen"
list.appendChild(newp);
//创建一个标签节点
//创建一个标签(通过这个属性，可以设置任意的值)
var myScript=document.createElement('script')
myScript.setAttribute('type','text/javascript')
//可以创建一个style标签
var myStyle=document.createElement('style')//创建一个空标签内容
myStyle.setAttribute('type','text/css');
myStyle.innerHTML='body{background-color: red;}'//设置标签内容
document.getElementsByTagName('head')[0].appendChild(myStyle)
</script>
insertBefore
var ee=document.getElementById('ee');
var js=document.getElementById('js');
var list=document.getElementById('liast');
//要包含的节点.insertBefore(newNode,targetNode)
list.insertBefore(js,ee)
操作表单：
表单是什么 form DOM树
文本框 text
下拉框<select>
单选框 radio
多选框 chekbox
隐藏框 hideen
密码框 password
............
表单的目的：提交信息
获取要提交的信息
<script>
var input_text=document.getElementById('username')
var boy_radio=document.getElementById('boy')
var girl_radio=document.getElementById('girl')
//得到输入框的值
input_text.value
//修改输入框的值
input_text.value='123'
//对于单选框，多选框等固定的值，boy_radio.value只能取到当前的值
boy_radio.checked//查看返回的结果，是否为true。如果为true则被选中
boy_radio.checked=true;//赋值
</script>
提交表单MD5
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- MD5工具类-->
<script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
</head>
<body>
<!--
表单绑定提交事件
οnsubmit=绑定一个提交检测的函数，true，false
将这个结果返回给表单，使用onsumbit接收
οnsubmit=" return aaa()"
-->
<form action="https://www.baidu.com/" method="post" οnsubmit=" return aaa()">
<p>
<span>用户名:</span> <input type="text" id="username" name="uername">
</p>
<p>
<span>密码:</span> <input type="password" id="input-password" >
</p>
<input type="hidden" id="md5-password" name="password">
<!--绑定事件onclick被点击-->
<button type="submit" >提交</button>
</form>
<script>
function aaa(){
alert(1)
var uname= document.getElementById('username')
var pwd=document.getElementById('input-password')
var mad5pwd=document.getElementById('md5-password')
mad5pwd.value=md5(pwd.values);
//可以校验判断表单内容，true就是通过提交，false，阻止提交
return true
}
</script>
10.jQuery
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<!--
公式：$(selector).action()
-->
<a href="" id="test-jquery">点我</a>
<script>
document.getElementById('id')
//选择器就是css选择器
$('#test-jquery').click(function () {
alert('hello,jQuery')
})
</script>
选择器
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//原生js，选择器少，麻烦不好记
//标签
document.getElementsByTagName();
//id
document.getElementById();
//类
document.getElementsByClassName();
//jQuery css中的选择器它全部都能用
$('p').click();//标签选择器
$('#id1').click();//id选择器
$('.class1').click();//class选择器
文档工具站：
</script>
标签：DOM,对象,标签,js,getElementById,var,操作,newp,document
From： https://blog.csdn.net/m0_67677309/article/details/136670230