Javascript 主元素属性？（或技术）

是否有任何方法可以将一个元素设置为主元素，并使页面上的所有其他元素以完全相同的、相同的样式、相同的代码、相同的属性和相同的值显示和行为

<input id="btnBack" name="btnBack" type="button" value="Back" disabled="disabled" style="margin-right: 10px" />
$('#btnBack').click(...do stuff);

<input master="btnBack" />

$（'#btnBack'）。单击（…执行任务）；

或者，如果做不到这一点，是否有任何技术可以简洁地实现相同的结果

---

我有一半希望会有一个Javascript库复制所有属性。

对CSS类来说是的。创建一个主类，然后在所有元素上使用class=“master”

然而，我想你会发现，一旦你进入其中，你并不真的想这么做。但是在您想要更改的元素上更改类是很容易的，这样就不会影响您以这种方式开始

你可以在这里阅读CSS：虽然有更好的资源，但学校覆盖了很多领域

如果您对为站点建立一致的感觉感兴趣，并且不介意使用jquery（我喜欢！），那么您应该检查jquery UI themeroller： 相同样式=css

相同的属性、值等=JS

请参阅此示例以获取入门信息或此代码段

CSS

 input {
    width: 200px;
    background-color: yellow;
 }

JS

var value = 'myval';
var disabled = 'disabled';

var myElements = document.getElementsByTagName('input');

for(var i = 0; i < myElements.length; i++){
    myElements[i].value = value;
    myElements[i].disabled = disabled;
    }

var值='myval'；
var disabled='disabled'；
var myElements=document.getElementsByTagName（'input'）；
对于（var i=0；i

我不知道这是否是您所指的内容，但最好的办法是对所有要设置样式和行为相同的元素使用类

例如

文件：index.html
很棒的按钮
文件：style.css
.硕士班{
颜色：黑色；
背景：白色；
更多你的风格。。。
}
文件：scripts.js
$（函数（）{
$（“.master类”）。单击（函数（）{
警报（“这是来自类为“主类”的许多元素之一）；
});
});

TeamTreehouse是一个真正了解网络一切的好地方。我已经用了一段时间了，虽然我知道那里的大部分东西，但我总是能学到一些新东西

W3Schools（）也很棒。一开始我在那里学到了很多东西

---

还有大量的播客和视频点播也可以教你，只要在iTunes上搜索网页设计就可以了。

你也许可以用javascript函数做一些事情，像那样为你应用一切。但是我不认为有这样的事情。或者你可以把你的答案贴在这里，在问题的实际答案中。这样，当JS FIDLE next倒下时，这个“答案”不会立即变得毫无用处。就我个人而言，我喜欢JSFIDLE，有时候太多的代码会让人看不懂这个问题。然而，它是一种依赖关系，这正是我试图从代码中删除的内容，因此我提出了问题。我会用答案和小提琴更新问题！这个答案是正确的，但它还不够通用，可能有一个函数或一个库，我可以链接到它，它会做的工作。如果没有，我就写一封！感谢您的输入，但这只适用于样式，而不适用于属性（类型、id、值等）。也许有jquery插件或javascript库？？？jquery有一些惊人的选择器来完成这些事情：感谢您的输入，但这只适用于样式，而不适用于属性（类型、id、值等）。也许有一个jquery插件或javascript库？？？那么您也可以通过jquery设置属性<代码>$（“.master class”）.attr（'type'，'submit'）不过，您不希望在多个元素上设置相同的ID。ID必须对所使用的每个页面都是唯一的。相信我，我不小心使用了一个ID两次或多次的时间已经在几个小时的调试中结束了。谢谢Jack，是的，我想就是这样。实际上，我正在使用asp.NETMVC，我正在考虑为每个按钮创建一些部分页面，传入一个唯一的id作为模型，并将这些id添加到jquery标记中。

File: index.html
<a href="#" class="master-class">Awesome Link</a>
<button class="master-class">Awesome Button</a>

File: style.css
.master-class {
   color: black;
   background: white;
   more of your styles...
}

File: scripts.js
$(function() {
  $(".master-class").click(function() {
    alert("This is from one of the many elements with the class 'master-class'");
  });
});