javascript - 在某些零售网站上围绕某些美元值(value)进行报价的目的是什么?

标签 javascript html css google-chrome web

在做一些元素工作时,我偶然发现了几个我无法解释的网站格式问题。

在 Google Chrome DOM 检查器中查看标记时,某些值会出现并带有引号。这些引号既没有出现在 HTML 源代码中,也没有出现在呈现的页面中。

格式如下:

<span class="...">$</span>
"XX."
<span class="...">xx</span>

"$XX."
<span class="...">xx</span>

或者两者略有不同。大 X 是价格中的美元金额,小 x 是美分。

我不理解这些结构的部分是围绕美元值(value)的引号。为什么使用它们,为什么它们不出现在网站的显示中?

最佳答案

这是 Google Chrome DOM 检查器的一个“问题”。当字符串文字与其周围的标记不在同一行时,字符串文字将显示在新的一行上,并在字符串文字周围加上引号,以使其在字符串的开始和结束位置可见。

例如,当字符串文字以空格开头并在检查器中换行显示时,您只能在字符串被引号时看到。否则您将无法看到字符串的开始位置。

使用 Google Chrome DOM Inspector 检查这个: http://jsfiddle.net/bFcNn/2/

这些引用既不存在于源代码中,也不存在于页面加载后的 DOM 中。它们仅作为结构元素存在于 Google Chrome 的 DOM Inspector 中。它们绝不是您正在检查的页面的一部分。

关于javascript - 在某些零售网站上围绕某些美元值(value)进行报价的目的是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8247011/

相关文章:

html - CSS 下拉菜单 <li> 堆叠在一起?

html - 当我尝试预览 LESS CSS 样式表时,为什么在 Chrome 中出现错误?

html - 某些 CSS 属性未在 iframe 中应用

javascript - 将对象展平为数组?

javascript - 如何使用 JSON 在谷歌地图中制作动态标记?

javascript - imagepicker jquery插件: image in list item does not get updated after changing data-img-src

css - badge-pill 和 h2 水平对齐

html - 为什么 HTML <buttons> 在所有现代浏览器中都遵循旧的 IE5 框模型?

javascript - 在 div 的情况下,如何先增加高度,然后增加宽度?

javascript - VueJS 单击 1 个按钮并禁用其余按钮