Discuss / JavaScript / 交作业
Back

交作业

Topic source

ApacheTomCat

#1 Created at ... [Delete] [Delete and Lock User]

/*

  1. W3C 标准querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。2. 浏览器兼容querySelectorAll 已被 IE 8+、FF 3.5+、Safari 3.1+、Chrome 和 Opera 10+ 良好支持 。getElementsBy 系列，以最迟添加到规范中的 getElementsByClassName 为例，IE 9+、FF 3 +、Safari 3.1+、Chrome 和 Opera 9+ 都已经支持该方法了。

更多请查看原文 作者：简生 链接：https://www.zhihu.com/question/24702250/answer/28695133 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

*/ // 获取<p>javascript</p>节点: // let js = document.getElementById('test-js'); let js = document.querySelector('#test-js');

// 修改文本为JavaScript: // TODO: js.innerText = 'JavaScript';

// 修改CSS为: color: #ff0000, font-weight: bold // TODO: js.style.color = '#ff0000'; js.style.fontWeight = 'bold';

// 测试: if (js && js.parentNode && js.parentNode.id === 'test-div' && js.id === 'test-js') { if (js.innerText === 'JavaScript') { if (js.style && js.style.fontWeight === 'bold' && (js.style.color === 'red' || js.style.color === '#ff0000' || js.style.color === '#f00' || js.style.color === 'rgb(255, 0, 0)')) { alert('测试通过!'); } else { alert('CSS样式测试失败!'); } } else { alert('文本测试失败!'); } } else { alert('节点测试失败!'); }

ApacheTomCat

#2 Created at ... [Delete] [Delete and Lock User]

querySelectorAll相比getElementsBy，速度慢很多

  • 1

Reply