javascript - Javascript，铬

Question

在 Google Chrome 中，我想出了如何临时编辑页面，例如元素的填充和边距，现在我很好奇为我的扩展获取或编写 JavaScript 以始终​​做到这一点的最简单方法。请分享您的方法是您已经知道的！没有必要继续阅读。

例如，在我的 chrome 扩展 Sweet Search 中，移除左侧导航工具后，我需要将中心列的左边距设为 0 以关闭该空间；在chrome中，我可以右键单击中心列，检查元素，找到center_col节点，将右侧的边距编辑为0px，然后搜索结果的中心列向左移动；现在获取或编写此类操作的 javascript 的最简单方法是什么？

当您将鼠标悬停在元素的 html 上时，它会在页面上突出显示并显示一个带有元素名称和尺寸的小奶油色框，我如何使用该元素名称/dom 位置来编辑该部分？

Answer 1

You should learn the DOM and JavaScript, then.

Answer 2

我想我理解你。在“奶油色盒子”中。例如，您可能会看到类似的内容：

div#column2 [730x865]

正确的？

嗯，# 是 DOM 中元素 ID 的前缀。您可以通过 javascript 访问该元素，如下所示：

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

正如肯已经暗示的那样。在开发 Chrome 扩展程序时，了解 DOM 并了解一些 JavaScript 可能不会有什么坏处。