diff --git "a/36\351\273\204\345\257\214\350\264\265/11-21-DOM\344\270\213\344\275\234\344\270\232/11-21-DOM\344\270\213\347\254\224\350\256\260.md" "b/36\351\273\204\345\257\214\350\264\265/11-21-DOM\344\270\213\344\275\234\344\270\232/11-21-DOM\344\270\213\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..03356979a8079c32ba1effacf160f2dacef63f53 --- /dev/null +++ "b/36\351\273\204\345\257\214\350\264\265/11-21-DOM\344\270\213\344\275\234\344\270\232/11-21-DOM\344\270\213\347\254\224\350\256\260.md" @@ -0,0 +1,95 @@ +第二十课DOM下笔记 + +1.获取和设置属性的值 + +``` + + +``` + +``` + +``` + +2.父子节点练习 + +//1.获取元素对象 + +``` +var div = document.getElementById('mySelf'); +``` + +//2.找到父节点 + +``` +var pdiv = div.parentElement; +``` + +//3.设置颜色 + +``` +function setColor( ){ + pdiv.style.borderColor = ''; +} +``` + +获取表单的值 + +获取输入框text的值: + +``` +var input = document.querySelector('input'); + var div = document.getElementById('box'); + 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'); +var btn = document.querySelector('#btn'); +``` + +// console.dir(div.style.marginLeft); //如果直接获取行间的width是无法获取到的，需要进行初始化 + +``` +function setMarginLeft() { + if (div.style.marginLeft == "") { + div.style.marginLeft = 0 + 'px'; //0+10 +'px' 100px(parseInt()) + + } else { + div.style.marginLeft = parseInt(div.style.marginLeft)+100 +'px'; + div.style.transition = 'all 0.5s ease'; + } +} +``` + diff --git "a/36\351\273\204\345\257\214\350\264\265/11-21-DOM\344\270\213\344\275\234\344\270\232/11-21-\345\205\250\351\200\211\345\217\215\351\200\211\347\273\203\344\271\240\344\275\234\344\270\232.html" "b/36\351\273\204\345\257\214\350\264\265/11-21-DOM\344\270\213\344\275\234\344\270\232/11-21-\345\205\250\351\200\211\345\217\215\351\200\211\347\273\203\344\271\240\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..dc3d9254d4fce5bc30d237a47ebb3cfc0fc33aaf --- /dev/null +++ "b/36\351\273\204\345\257\214\350\264\265/11-21-DOM\344\270\213\344\275\234\344\270\232/11-21-\345\205\250\351\200\211\345\217\215\351\200\211\347\273\203\344\271\240\344\275\234\344\270\232.html" @@ -0,0 +1,110 @@ + + + + + getElementsByTagName获取checkbox进行全选 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 全选 + 反选 + 姓名性别专业 + 爱好
刘备男软件开发抽烟
关羽男国际贸易喝酒
张飞男园林设计烫头发
赵云男平面设计抽烟
黄忠男影视制作玩游戏
小乔女高级护理唱歌
+ + + \ No newline at end of file diff --git "a/36\351\273\204\345\257\214\350\264\265/11-21-DOM\344\270\213\344\275\234\344\270\232/11-21-\345\267\245\344\275\234\347\273\217\345\216\206\347\273\203\344\271\240\344\275\234\344\270\232.html" "b/36\351\273\204\345\257\214\350\264\265/11-21-DOM\344\270\213\344\275\234\344\270\232/11-21-\345\267\245\344\275\234\347\273\217\345\216\206\347\273\203\344\271\240\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..8c53f93811d277b94c442e8dbdc47bbf5e2b10d1 --- /dev/null +++ "b/36\351\273\204\345\257\214\350\264\265/11-21-DOM\344\270\213\344\275\234\344\270\232/11-21-\345\267\245\344\275\234\347\273\217\345\216\206\347\273\203\344\271\240\344\275\234\344\270\232.html" @@ -0,0 +1,49 @@ + + + + + 动态添加和删除节点 + + + + +

工作经历

+
+
+
+ 公司名称: + 职位: + 删除工作经历 +
+ 工作职责及工作内容描述: + +
+
+
+ +
+ 添加工作经历 +
+ + + \ No newline at end of file