IE7とIE11のgetElementByIdの挙動について

IE7だとname属性をgetElementByIdで取得出来ますが、
IE11と互換を持たせないのですが、フレームワーク部分が触れない為HTML部分でnameからid属性に
変更することが出来ません。

name属性とid属性が混在している為、getElementByIdでname属性を取得して値を取得出来なかった場合に
getElementsByNameでname属性を取得するみたいなことは出来ますでしょうか？

参考までに

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
<input type="button" name="btn1" value="送信">
  
<script>
var btn1 = document.getElementById('btn1');

if (window.addEventListener) {
	btn1.addEventListener('click', function(event) {
　　console.log('ボタンが押されました');
	});
} else if (window.attachEvent) { 
	btn1.attachEvent('onclick', function(event) {
　　console.log('ボタンが押されました');
	});
}
</script>
</body>
</html>

行動規範の内容に同意します

回答2件

テストしていないのでIE7の挙動は確認していませんが、質問の内容への正攻法の回答は try ～ catch ではないでしょうか。

ただ、パフォーマンスにもよりますがいっそ name 属性を持ち、id 属性を持っていないエレメントに対して画面表示時に JS で id を振ってしまってもいい気がします。
こんなのを参考に） https://techacademy.jp/magazine/25556

投稿2020/12/02 12:07

kaz.Suenaga

総合スコア2037

ベストアンサー

自分でそういう関数を作るしかないのではないでしょうか？

javascript
1function get(idOrName){
2  var elem = document.getElementById(idOrName);
3  if(elem) return elem;
4  return document.getElementsByName(idOrName)[0];
5}