Javascript 有没有办法通过Firebug动态更新输入字段来查看HTML中到底发生了什么？

我正在使用自定义单选按钮。我为每个按钮添加了标签，当我单击标签时，似乎正在正确更新所选的单选按钮，但当我单击单选按钮图形时却没有。只有背景位置改变

我是否可以这样做，以便在单击firebug中的每个单选按钮输入元素时查看它们的更改

---

如果你想看一个我所说的例子，去检查其中一个单选按钮元素并点击它们，你会看到代码从未改变，即checked=checked。

当你通过Javascript更改DOM时，你正在更改内存中的版本。DOM的源代码永远不会被Javascript修改

---

请参阅：。

如果右键单击元素并选择Inspect element，它将在内存中显示该元素的HTML，并在与页面交互时反映对该元素的更改

---

此外，如果选择“脚本”选项卡，您可以找到javascript并设置断点，以便逐步完成脚本并调试可能出现的任何问题。

我尝试检查了两个单选按钮元素，并在DOM中实时看到样式更改，但是在两个选项之间切换时，我设置为checked=checked的默认复选框从不更改。这个属性不应该出现在我选择的最后一个单选按钮中吗？知道为什么吗？好吧，这很奇怪，现在我看到你说的行为了。我认为属性会更新，但这可能只定义了最初检查的值，而不影响当前选择的输入。但是，当您单击源代码右侧窗口中的DOM选项卡时，您可以看到选中的属性从true更改为false，反之亦然，因为您与控件实时交互。是的-只要Firebug存在，我肯定不是第一个注意到这一点的人，所以我很惊讶无法看到此属性。DOM选项卡至少允许我确认我想知道的，因为我无法实际测试输入是否正确更新，因为我只在前端工作。你知道为什么我可以看到类名、内联样式等更改，但看不到checked属性吗？