有什么方法可以通过 Firebug 准确查看 HTML 中的情况并动态更新输入字段？
我正在使用 JavaScript 自定义单选按钮。我为每个按钮添加了标签，当我单击标签时，它似乎正确更新了选定的单选按钮，但当我单击单选按钮图形时却没有。 （仅背景位置发生变化）
无论如何，我可以做到这一点，以便在单击 Firebug 中的每个单选按钮输入元素时可以查看它们的更改吗？
如果您想查看我正在讨论的示例，请访问 在这里，检查一个单选按钮元素并单击它们，您将看到代码永远不会改变（即checked =“checked”）。
I'm using JavaScript to customize radio buttons. I added labels for each of the buttons and when I click the labels, it seems to be updating the selected radio properly, but not when I click the radio button graphic. (only the background position changes)
Is there anyway I can make it so I can view the changes when to each of the radio button input elements in firebug when clicking on them?
If you'd like to see an example of what I'm talking about, go here, inspect one of the radio button elements and click on them and you'll see the code never changes (i.e. checked="checked").
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
当您通过 Javascript 更改 DOM 时，您正在更改内存中的版本。 DOM 的源代码永远不会被 JavaScript 修改。
请参阅：Firefox Live DOM。
When you change the DOM via Javascript, you're changing the in-memory version. The source of the DOM is never modified by your Javascript.
See: Firefox Live DOM.
如果右键单击该元素并选择“检查元素”，它将显示内存中该元素的 HTML，并在您与页面交互时反映该元素的更改。
此外，如果您选择“脚本”选项卡，您可以找到 JavaScript 并设置断点，以便您单步执行脚本并调试可能发生的任何问题。
If you right click on the element and select "Inspect Element" it will show you the HTML for this element in memory and will reflect changes to that as you interact with the page.
Also if you select the "Script" tab you can find your javascript and set break points to allow you to step through the script and debug any issues that may be occurring.