前端面试笔试题目-JS专项练习（进阶）-CFANZ编程社区

前端面试笔试题目-JS专项练习（进阶）

1、直角三角形

（1）题目：请补全JavaScript代码，要求在页面上渲染出一个直角三角形，三角形换行要求使用"br"实现。三角形如下：

*
**
***

（2）源代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <div class='triangle'></div>

        <script>
            var triangle = document.querySelector('.triangle');
            // 补全代码
            triangle.innerHTML = '*' + '</br>' + '**' + '</br>' + '***'
        </script>
    </body>
</html>

（3）总结：

	HTML DOM querySelector() 方法
定义	querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素
注意	querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。
	实例
获取文档中第一个 `<p>` 元素	document.querySelector(“p”);
获取文档中 class=“example” 的第一个元素	document.querySelector(“p.example”);

0 条评论