<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="username" simba-aaa="10">
<img src="xxxxx" alt="" id="img" srcset="">
<div id="app">
<h1>Simba</h1>
</div>
<script>
//innerHTML 获取对象的内容 或 向对象插入内容
//innerText 获取或设置指定元素标记内的文本的值
//outerHTML 除了包含回innerHTML的全部内容外, 还包含对象标签本身
function $(str){
return document.querySelector(str)
}
$('#username').value=20
console.log($('#username').value);
console.log($('#img').src);
console.log($('#username').getAttribute('simba-aaa'));
$('#username').setAttribute('data-aa',200)
let app=$('#app')
console.log(app.innerHTML); console.log(app.outerHTML);
console.log(app.innerText);
app.innerHTML=`<button>测试</buttton>`
app.innerText=`<button>测试</buttton>`
</script>
</body>
</html>
