草庐IT

javascript dom，如何处理 "special properties"作为属性？

coder 2024-05-14 原文

问题是使用属性还是属性。

没有找到这个文档，所以运行了一些测试(chromium 12):

属性 <=> 属性

accept, alt, formMethod, formTarget, id, name, placeholder, type, maxlength, size
form: method, name, target, action, enctype
  • 可以设置属性或特性
  • 将反射(reflect)到属性(property)或属性
  • 异常(exception) 1:如果表单属性将首先查找该名称的元素 (!)
  • 异常 2:action 属性使用值重写自身，将设置值传递给属性
  • 异常 3:enctype 保持其完整性，但将设置值传递给属性

属性 <=>

value, autofocus, checked, disabled, formNoValidate, multiple, required
  • 设置属性对属性没有影响
  • 设置属性也设置属性

property => 属性

indeterminate
  • 设置属性也设置属性
  • 设置属性对属性没有影响

属性 ><>

defaultValue, validity, defaultChecked, readOnly
form: novalidate
  • 设置属性或特性对其他没有影响

对我来说，这似乎是非常随机的行为。

给定一个随机属性/值以应用于元素，这是我想出的最佳规则(根据下面的 Tim Down(谢谢!)进行了修改):

  • 如果是class，写入classList，读取className属性

  • 如果是表单，请始终阅读使用属性(并且要小心)

  • 如果 typeof element[propName] != "undefined"，使用属性，即 element[attr]=val

  • 否则，使用属性，即 element.setAttribute(attr,val)

这是否接近正确？

注意:有趣的是，如果您有一个包含名为“novalidate”的元素的表单，是否有可能访问表单本身的 novalidate 属性？

最佳答案

除了下面列出的罕见特殊情况外，请始终使用该属性。一旦浏览器解析了初始 HTML，除非出于某种原因将 DOM 序列化回 HTML，否则属性对您没有帮助。

总是青睐属性的原因:

  • 处理属性更简单(参见 bool 属性，例如 checked :只需使用 true 和 false 并且不必担心您是应该删除该属性，还是将其设置为 "" 或 "checked" )
  • 并非每个属性都映射到同名的属性。例如，checked复选框或单选按钮的属性不对应于任何属性； checked属性对应于 defaultChecked属性并且在用户与元素交互时不会改变(旧 IE 除外；请参阅下一点)。同样value和 defaultValue .
  • setAttribute()和 getAttribute()是broken in older versions of IE .

特殊情况:

  • <form> 的属性元素。由于每个表单输入都映射到其父级的属性 <form>其name对应的元素, 使用 setAttribute() 更安全和 getAttribute()获取表单的属性，例如 action , name和 method .
  • 自定义属性，例如<p myspecialinfo="cabbage"> .这些通常不会在 DOM 元素对象上创建等效属性，因此 setAttribute()和 getAttribute()应该使用。

最后一个考虑因素是属性和特性名称之间没有精确的对应关系。例如，属性等同于 class属性是 className ，以及 for 的属性属性是 htmlFor .

关于javascript dom，如何处理 "special properties"作为属性？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7006253/

javascriptpropertiescodeli属性domcode-generation

有关javascript dom，如何处理 "special properties"作为属性？的更多相关文章

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 由于 "wkhtmltopdf"，PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  3. ruby-on-rails - 如果为空或不验证数值，则使属性默认为 0 - 2

    我希望我的UserPrice模型的属性在它们为空或不验证数值时默认为0。这些属性是tax_rate、shipping_cost和price。classCreateUserPrices8,:scale=>2t.decimal:tax_rate,:precision=>8,:scale=>2t.decimal:shipping_cost,:precision=>8,:scale=>2endendend起初，我将所有3列的:default=>0放在表格中，但我不想要这样，因为它已经填充了字段，我想使用占位符。这是我的UserPrice模型:classUserPrice回答before_val

  4. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本，我按照提供的说明安装了arubagem。它在我的Gemfile中，我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作，我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了，但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  5. ruby-on-rails - 在混合/模块中覆盖模型的属性访问器 - 2

    我有一个包含模块的模型。我想在模块中覆盖模型的访问器方法。例如:classBlah这显然行不通。有什么想法可以实现吗？ 最佳答案 您的代码看起来是正确的。我们正在毫无困难地使用这个确切的模式。如果我没记错的话，Rails使用#method_missing作为属性setter，因此您的模块将优先，阻止ActiveRecord的setter。如果您正在使用ActiveSupport::Concern(参见thisblogpost)，那么您的实例方法需要进入一个特殊的模块:classBlah

  6. ruby - RSpec - 使用测试替身作为 block 参数 - 2

    我有一些Ruby代码，如下所示:Something.createdo|x|x.foo=barend我想编写一个测试，它使用double代替block参数x，这样我就可以调用:x_double.should_receive(:foo).with("whatever").这可能吗？ 最佳答案 specify'something'dox=doublex.should_receive(:foo=).with("whatever")Something.should_receive(:create).and_yield(x)#callthere

  7. ruby - 多个属性的 update_column 方法 - 2

    我有一个具有一些属性的模型:attr1、attr2和attr3。我需要在不执行回调和验证的情况下更新此属性。我找到了update_column方法，但我想同时更新三个属性。我需要这样的东西:update_columns({attr1:val1,attr2:val2,attr3:val3})代替update_column(attr1,val1)update_column(attr2,val2)update_column(attr3,val3) 最佳答案 您可以使用update_columns(attr1:val1,attr2:val2

  8. ruby-on-rails - Enumerator.new 如何处理已通过的 block ？ - 2

    我在理解Enumerator.new方法的工作原理时遇到了一些困难。假设文档中的示例:fib=Enumerator.newdo|y|a=b=1loopdoy[1,1,2,3,5,8,13,21,34,55]循环中断条件在哪里，它如何知道循环应该迭代多少次(因为它没有任何明确的中断条件并且看起来像无限循环)？ 最佳答案 Enumerator使用Fibers在内部。您的示例等效于:require'fiber'fiber=Fiber.newdoa=b=1loopdoFiber.yieldaa,b=b,a+bendend10.times.m

  9. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  10. ruby - Nokogiri 剥离所有属性 - 2

    我有这个html标记:我想得到这个:我如何使用Nokogiri做到这一点？ 最佳答案 require'nokogiri'doc=Nokogiri::HTML('')您可以通过xpath删除所有属性:doc.xpath('//@*').remove或者，如果您需要做一些更复杂的事情，有时使用以下方法遍历所有元素会更容易:doc.traversedo|node|node.keys.eachdo|attribute|node.deleteattributeendend 关于ruby-Nokog

随机推荐