zqy233的前端学习笔记 | zqy233的前端学习笔记

索引

获取所有类名为svgImg的第一个子元素

js

var firstChildrenArray = $(".svgImg").map(function () {
    return this.firstElementChild;
}).get();

var firstChildrenArray = $(".svgImg").map(function () {
    return this.firstElementChild;
}).get();

firstChild和firstElementChild区别

firstChild 和 firstElementChild 是 DOM 中两个不同的属性，用于获取元素的第一个子节点。

firstChild 属性返回元素的第一个子节点，包括元素节点、文本节点或注释节点。如果没有子节点，则返回 null。
firstElementChild 属性返回元素的第一个子元素节点，只包括元素节点。如果没有子元素节点，则返回 null。

区别在于 firstChild 可能返回元素的文本节点或注释节点，而 firstElementChild 只返回元素的第一个子元素节点，排除其他类型的节点。

在获取第一个子元素时，如果只关注元素节点而不关心文本节点或注释节点，那么使用 firstElementChild 更合适。这样可以避免在处理节点时需要进行额外的类型检查。

隐藏所有`onmouseover="top.ShowTip(evt)`的dom元素

js

 $('text[onmouseover="top.ShowTip(evt)"]').hide();

 $('text[onmouseover="top.ShowTip(evt)"]').hide();

设置元素宽高

js

$(dom).css("height", dom.parentNode.clientHeight);
$(dom).css("width", dom.parentNode.clientWidth);

$(dom).css("height", dom.parentNode.clientHeight);
$(dom).css("width", dom.parentNode.clientWidth);