「fakefish誤解人子弟シリーズ」オリジナルjs効果の初夜

2199 ワード

ハロー、一連の困難な決定を経て、私はこのような誤解者の子弟シリーズを作ったのです.
どれぐらい書くか分かりません.とにかく書いてから言ってください.問題があったら、すみません、人を間違えた子弟です.問題があったらコメントしてください.直しやすいです.
まず簡単に始めます.
犬を食べに来ました





比如现在有这些dom,我们通过这个button的点击去修改div的一些属性。怎么做呢?

var attributes=['width','height','background','display','display'];
var values=['200px','200px','red','none','block'];
var div=document.getElementById('div');
var btns=document.getElementsByTagName('input');
for(var i=0,len=btns.length;i
便利さのために、私たちはいくつかの属性を変更したいと思います.配列を書き出して、いくつかのボタンを遍歴し、インデックスを付けて、イベントをクリックし、スタイルを変更します.簡単に言えば、div.style['width'] = '200px'のような形で修正します.
デモ
cssスタイルを切り替えるということは、伝説の肌交代機能の基礎です.
ページにcssスタイルを導入するのは、一般的にを使うので、このhrefを修正することによって、ページ内の外部チェーンスタイルを変更します.
red
blue
this is a div
var btns=document.getElementsByTagName('span');
var link=document.getElementsByTagName('link');
for(var i=0,len=btns.length;i
そうすれば、red.cssとblue.cssを切り替えて皮膚を切り替えることができます.
デモ
js関数の中に重要なものがあります.アーグメンツ配列といいます.例を挙げてください.



window.onload=function(){
    var inputs=document.getElementsByTagName('input');
    var button=document.getElementsByTagName('button')[0];
    button.onclick=function(){
        fun(inputs[0].value,inputs[1].value);
    }
}
function fun(){
    for(var i in arguments){
        alert(arguments[i]);
    }
}
主にこのfun関数は一連のパラメータを弾かせます.
デモ
夜が更けました.とりあえずこの三段を置いてください.
未完成のデモ本体