香草JavaScript和DOM的变化

我不明白为什么我会使用JS来修改HTML或CSS。我完全理解为什么我们使用它来增强代码的交互

例如，当我可以在编写HTML时初始设置段落时，为什么要使用“getElementByTagName（“p”）”来更改所有段落？什么时候/在什么情况下我需要在JS交互之外处理这些节点？或者，我是否只为了增强交互而对节点进行寻址

我只是在寻找一个清晰明了的答案

谢谢大家。

这是一个广谱

完全按照您的描述，构建一个静态的、非javascript的网站是完全合理的

另一个极端是SPA应用程序，实际上整个DOM都是通过javascript构建的；原始HTML页面只是一个空节点，js框架将从源数据构建和更新DOM。这样做的一个原因是，可以增量地对页面进行更改——当从一个页面导航到另一个页面时，SPA不需要下载整个新的HTML文件，而只需要下载新内容，并可以将其插入现有的“页面”以替换旧内容

中间是具有一定程度交互的站点——页面的大部分是静态HTML，但有些部分包含基于javascript的交互。听起来你对这部分已经有了把握，所以我不会再赘述了

所有这些都有优点和缺点；使用适合您特定站点（和技能集）的任何工具

---

（这一部分更多的是基于观点，但目前我们正处于寒武纪爆发期。React和Angular等新框架已促使人们开始重新思考“传统”的概念分离内容=HTML，布局=CSS，交互=JS；我们看到了各种关于如何分配这些职责的古怪实验。用javascript生成CSS！用javascript生成DOM！将这三者混合在一大堆JSX中！在客户端上做！不，服务器上！不，在两者上做同构！等等。我你认为这需要几年的时间才能适应普遍接受的最佳实践。）

你的JS经验会给你最清晰明了的答案。如果你觉得不需要使用JavaScript，我们说什么都没关系：不要使用它。无论出于何种原因，当您需要使用JavaScript时，您就开始使用它了。非常感谢。你的第三段是我想要的答案。这就解释了。