随笔分类 -  JS.Dom

【JS/DOM】清除调父节点的所有子节点
摘要：【关键】 取得父节点的childNodes后，只能逆序删除。 【示例代码】 var div=document.getElementById(divId); // remove children var childs=div.childNodes; for(var i=childs.length-1; 阅读全文
posted @ 2022-04-01 16:12 不朽的飞翔 阅读(448) 评论(0) 推荐(0)
【JS/DOM】遍历父节点的所有子节点
摘要：【关键】 取父节点的childNodes属性，然后对其进行遍历。 【示例代码】 var paramDiv=document.getElementById("paramDiv"); var childs=paramDiv.childNodes; for(var i=0,n=childs.length; 阅读全文
posted @ 2022-04-01 16:08 不朽的飞翔 阅读(913) 评论(0) 推荐(0)
【JS】更改页面Title
摘要：关键：document.title属性 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>Filenam 阅读全文
posted @ 2022-02-07 18:50 不朽的飞翔 阅读(599) 评论(0) 推荐(0)
【JS】取一个节点下同类子节点的常用代码
摘要：取ul下的li个数，取table下的tr个数，可能都会用取一个节点下同类子节点这类代码，特写在这里以备查。 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset= 阅读全文
posted @ 2022-01-15 12:17 不朽的飞翔 阅读(88) 评论(0) 推荐(0)
【JS资料】常用dom操作语句
摘要：通过元素的ID名获取元素：getElementById();通过元素的Class名获取元素集合：getElementsByClassName();通过元素的种类获取元素集合：getElementsByTagName();通过元素的name名获取元素集合：getElementsByName();创建一 阅读全文
posted @ 2021-12-12 10:35 不朽的飞翔 阅读(267) 评论(0) 推荐(0)
【JS】随着进度条进展，逐个显示li节点
摘要：如下代码创建了一个水平进度条，随着水平进度条的发展，逐个显示table中的每个li元素，显示顺序由li元素的order属性控制。 代码如下，就不多解释了，懂得都懂。 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" 阅读全文
posted @ 2021-12-12 10:31 不朽的飞翔 阅读(124) 评论(0) 推荐(0)