他サイトで公開されていたjsコードを使いたいのですがエラーになります。

Question

###やりたいこと
PCのホバー効果をスマホで要素タッチ〜他の要素がタッチされるまで実行

###コード

jQuery(function($){
document.getElementById('wrap')[0].setAttribute('ontouchstart',''); 
  var touch = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
  if (touch) {
    try {
      for (var si in document.styleSheets) {
        var styleSheet = document.styleSheets[si];
        if (!styleSheet.rules) continue;
        for (var ri = styleSheet.rules.length - 1; ri >= 0; ri--) {
          if (!styleSheet.rules[ri].selectorText) continue;
          if (styleSheet.rules[ri].selectorText.match(':hover')) {
            //styleSheet.deleteRule(ri);
            styleSheet.rules[ri].selectorText = styleSheet.rules[ri].selectorText.replace(':hover', ':active');
          }
        }
      }
    } catch (ex) {}
  }
 });

###エラーの内容

uncaught typeerror cannot read property'null' of null

wrapの閉じ括弧から赤い波下線がひかれています。

###補足

なげやりな質問内容になってしまっていたらすみません。

js初心者なので、マナーとかよくわかっておらず、本来なら基礎から勉強して一つずつ解析すべきなのかとは思いますが、急ぎで解決しなければならなかったため、こちらでお力をお借りさせていただくことにしました。

どうぞよろしくお願いいたします。

Answer 1

getElementsByTagName('body')[0]を、
getElementsById('wrap')[0]に編集していたのですが、
元のtagname bodyに戻すときちんと動きました。

※id='wrap'はきちんと存在しています。

なぜかよくわかりませんが、とりあえず解決しました…
よくわからない質問と解決内容で、荒した感じになってしまい失礼いたしました。

Comments

[maisumakun]

getElementByIdは名前が「Element」となっているように1個しか取れないので、[0]を付けてはいけません。

[kinakopan_lover]

そうなんですね！ありがとうございます！その場合はただこの[0]を消してしまってよいのでしょうか？