diff --git "a/47\346\233\276\345\276\267\346\243\256/2022-11-21-innerHTML\345\222\214innerText/.keep" "b/47\346\233\276\345\276\267\346\243\256/2022-11-21-innerHTML\345\222\214innerText/.keep" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/47\346\233\276\345\276\267\346\243\256/2022-11-21-innerHTML\345\222\214innerText/\344\275\234\344\270\232.html" "b/47\346\233\276\345\276\267\346\243\256/2022-11-21-innerHTML\345\222\214innerText/\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..b9fa98ac5ab19a2a42b771d3370f28b86151287e --- /dev/null +++ "b/47\346\233\276\345\276\267\346\243\256/2022-11-21-innerHTML\345\222\214innerText/\344\275\234\344\270\232.html" @@ -0,0 +1,107 @@ + + + + + getElementsByTagName获取checkbox进行全选 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 全选 + 反选 + 姓名性别专业爱好
刘备男软件开发抽烟
关羽男国际贸易喝酒
张飞男园林设计烫头发
赵云男平面设计抽烟
黄忠男影视制作玩游戏
小乔女高级护理唱歌
+ + + \ No newline at end of file diff --git "a/47\346\233\276\345\276\267\346\243\256/2022-11-21-innerHTML\345\222\214innerText/\347\254\224\350\256\260.md" "b/47\346\233\276\345\276\267\346\243\256/2022-11-21-innerHTML\345\222\214innerText/\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..29b5786072f82d2db0a8f4d47cf3404c7fa85f67 --- /dev/null +++ "b/47\346\233\276\345\276\267\346\243\256/2022-11-21-innerHTML\345\222\214innerText/\347\254\224\350\256\260.md" @@ -0,0 +1,54 @@ +### innerHTML 和 innerText + +innerHTML:获取时会将标签一起获取 + +innerText:只会获取纯文本，不能解析标签 + + + +//获取输入框的值 + +`var input=document.queryselector('input');` //获取输入框里的值 + +`var div=document.getelementByid('box')` //获取text框 + +`function getvalue(){` + +​ `console.log(input.value);` + +​ `div.innerHTML='

'+input.value+'

';` + +​ `input.value=' ';` //消除输入框内容 + +`}` + + + +//获取单选框中状态 + +`function Getstatus(){` + +​ `var input=document.queryselectorAll('input')[1];` + +​ `if（input.checked）{` + +​ `input.checked=false;` + +`}else{` + +​ `input.checked=true;` + +`}` + +`}` + + + +操作style样式 + +//获取行间样式的时候需要进行初始化否则无法获取 + +​ `var div=document.queryselector('#box');` + +/`/console.dir(div.style.marginleft);` //如果直接获取行间的width是无法获取到的需要进行初始化 +