javascriptの質問です以下のjavascriptのhoge1を実行するとﾃｰﾌﾞﾙの1行目が消えます hoge1を実行した後hoge2を実行すると1行目も2行目も両方消えてしまいます hoge1を…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

javascriptの質問です
以下のjavascriptのhoge1を実行すると
ﾃｰﾌﾞﾙの1行目が消えます
hoge1を実行した後hoge2を実行すると1行目も2行目も両方消えてしまいます
hoge1を実行した後hoge2を実行しても2行目だけ消えて欲しいのですが
その場合hoge2に今までのjavascriptを無効化するｺｰﾄﾞを追加しないといけないと思うのですが
無効化するｺｰﾄﾞを教えて下さい

function hoge1() {
var c = document.querySelectorAll("td:nth-child(1)");
for (var d = 0; d < c.length; d++) {
c[d].style.display = "none"
}
};
function hoge2() {
var c = document.querySelectorAll("td:nth-child(2)");
for (var d = 0; d < c.length; d++) {
c[d].style.display = "none"
}
};

●質問者: takanii
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

▽1 ● 河津武志
●300ﾎﾟｲﾝﾄ

すでにrouge_2008さんがｺﾒﾝﾄされていて､私もそのとおりだと思いますが､ｽﾀｲﾙｼｰﾄのﾙｰﾙを直接書き換えるという方法もあります｡

<style>
/* これが0番目のstyle要素だとする｡ */
td:nth-child(1) { display: table-cell; }
td:nth-child(2) { display: table-cell; }
</style>
<script>
function hoge1() {
var rules = document.getElementsByTagName('style')[0].sheet.cssRules;
rules[0].style.cssText = 'display: none';
rules[1].style.cssText = 'display: table-cell';
}
function hoge2() {
var rules = document.getElementsByTagName('style')[0].sheet.cssRules;
rules[0].style.cssText = 'display: table-cell';
rules[1].style.cssText = 'display: none';
}
</script>