前端面试笔试题目-JS专项练习（进阶）_js入门考核笔试题目-CSDN博客

本文链接：https://blog.csdn.net/weixin_45065754/article/details/123883023

此篇博客介绍了如何使用JavaScript在HTML中渲染直角三角形，通过querySelector方法操作DOM元素，并展示了如何使用'*'、'**'和'***'构建换行三角形。重点在于DOM操作和基本CSS布局。

摘要由CSDN通过智能技术生成

题目来源：牛客网：https://www.nowcoder.com/

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”);