Question

有没有什么方法可以将元素设置为主元素，并且页面上的所有其他元素都显示并且行为完全相同，相同的样式，相同的代码，相同的属性，相同的值？

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

<input master="btnBack" />

或者说这是否有任何技术可以简明地达到相同的结果？

我希望有一个Javascript库可以复制所有属性。

Answer 1

相同的样式= css

相同的属性，值等= JS

请参阅此fiddle以获取入门示例或此代码段...

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;
    }

Answer 2

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

然而，我认为一旦你进入它，你会发现你真的不想这样做。但是你可以很容易地改变你想要改变的元素的类，这样就不会让你以这种方式开始。

你可以在这里阅读关于CSS的信息：http://www.w3schools.com/css/虽然有更好的资源，但学校很多地方都有。

如果你有兴趣为网站建立一致的感觉并且不介意使用jquery（我喜欢！）那么你应该检查jquery UI themeroller： http://jqueryui.com/themeroller/

Answer 3

我不知道这是不是你所指的，但最好的办法就是在所有要设计风格的元素上使用一个类，并且行为相同。

E.g。

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'");
  });
});

Team Treehouse是一个真正了解网络所有内容的好地方。我已经使用它们了一段时间，尽管我知道那里的大部分东西，但我总是拿起一些新的东西。 http://teamtreehouse.com/

W3Schools（http://www.w3schools.com）也很棒。这是我在一开始就学到很多东西的地方。

还有大量的播客和视频播放教你，只需搜索iTunes进行网页设计。

主元素属性？（或技术）

3 个答案:

主元素属性？ （或技术）

3 个答案:

主元素属性？（或技术）