原生js获取子元素、给元素增加div

//鼠标移入移出动画 解决页面闪屏问题
window.onload = function () {
var el = document.createElement('div');
el.className = "bg";
var obj_lis = document.getElementsByTagName('a');
for (i = 0; i < obj_lis.length; i++) {
obj_lis[i].onmouseover = function (ev) {
var oEvent = ev || event;
var oFrom = oEvent.fromElement || oEvent.relatedTarget;
//其中oEvent.fromElement兼容IE,chrome
//oEvent.relatedTarget;兼容FF。
if (this.contains(oFrom)) return; //判断a是不是包含oFrom,如果包含就返回
//alert('移入了');
this.appendChild(el);
};
obj_lis[i].onmouseout = function (ev) {
var oEvent = ev || event;
var oTo = oEvent.toElement || oEvent.relatedTarget;
//其中oEvent.toElement兼容IE,chrome
//oEvent.relatedTarget;兼容FF。
if (this.contains(oTo)) return; //判断a是不是包含oTo,如果包含就返回
this.removeChild(el);
// alert('移出了');
};
}
}
//end鼠标移入移出动画

转载于:https://www.cnblogs.com/zhouyx/p/6714095.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你想获取追加后的子元素,可以按照以下步骤进行: 1. 使用jQuery的append()方法或者原生JavaScript的appendChild()方法将新的子元素添加到父元素中。 2. 使用jQuery的children()方法或者原生JavaScript的childNodes属性获取元素的所有子元素。 3. 遍历子元素,可以使用jQuery的each()方法或者原生JavaScript的for循环遍历。 4. 对于每个子元素,可以使用jQuery的attr()方法或者原生JavaScript的getAttribute()方法获取其属性值,或者使用jQuery的text()方法或者原生JavaScript的textContent属性获取其文本内容。 示例代码如下(使用jQuery): ``` // 将新的子元素添加到父元素中 $('#parent').append('<div class="child">New Child</div>'); // 获取元素的所有子元素 var children = $('#parent').children(); // 遍历子元素 children.each(function() { // 获取子元素的属性值和文本内容 var attrValue = $(this).attr('attrName'); var textContent = $(this).text(); // 处理子元素... }); ``` 示例代码如下(使用原生JavaScript): ``` // 创建新的子元素 var newChild = document.createElement('div'); newChild.className = 'child'; newChild.textContent = 'New Child'; // 将新的子元素添加到父元素中 document.getElementById('parent').appendChild(newChild); // 获取元素的所有子元素 var children = document.getElementById('parent').childNodes; // 遍历子元素 for (var i = 0; i < children.length; i++) { // 获取子元素的属性值和文本内容 var attrValue = children[i].getAttribute('attrName'); var textContent = children[i].textContent; // 处理子元素... } ``` 以上是获取追加后的子元素的一种常见方式,具体实现细节可以根据实际情况进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值