JavaScript，Chrome

Question

在Google Chrome中，我弄清楚了如何临时编辑页面，例如元素的填充和边距，现在我很好奇获取或编写JavaScript的最简单方法来始终执行此操作。请分享您的方法是您已经知道的！无需阅读。

例如，在我的Chrome扩展搜索中，删除了左导航工具后，我需要在中央第0列上进行左边余量以关闭该空间。在Chrome中，我可以右键单击“中心”列，检查元素，找到Center_Col节点，编辑右侧的边距为0px，然后搜索结果的中心列向左移动；现在，获得或编写JavaScript的最简单方法是什么？

当您悬停在HTML上以获取元素时，它会在页面上突出显示并显示一个带有其元素名称和尺寸的小奶油彩色盒子，我该如何使用该元素名称/DOM位置来编辑该文章？

Answer 1

我想我了解你。在“奶油色盒子”中。您可能会看到类似的东西：

div#column2 [730x865]

正确的？

好吧，＃是DOM中元素的ID的前缀。您可以通过JavaScript访问该元素：

var column2 = document.getElementById('column2');
column2.style.marginRight = 0;

正如肯已经暗示的那样。了解DOM并了解一些JavaScript可能在开发Chrome扩展时不会受到伤害。

Answer 2

然后，您应该学习DOM和JavaScript。