Изменение размеров шрифта в таблице внутри Div

Question

Изменение размеров шрифта в таблице внутри Div

0

У меня есть этот код:

   <script>
if ((screen.width<=700) && (screen.height<=1200))
{
  document.getElementById("Table").style.fontSize = "64px";
}
else
{
  document.getElementById("Table").style.fontSize = "40px";
}
</script>
<body>
  <div id="Table">
  <center>
    <table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" height="60"         width="100%">
      <tr>
        <td align="center" valign="center"><a href="https://www.google.com">Hello</a>    </td>
      </tr>
    </table>
  </center>
  </div>
</body>'

Я хочу изменить размер шрифта всего внутри div. Если это невозможно, сообщите мне, как изменить размер шрифта только таблиц.

благодаря

B0B0 01 нояб. 2013, в 03:18

Источник

2

Так что не так. Это не работает? Вы получаете ошибки?
cale_b 01 нояб. 2013, в 02:03
0

можно использовать медиа-запрос CSS, чтобы сделать это ... нет необходимости в сценарии
charlietfl 01 нояб. 2013, в 02:04
0

@cale_b это просто остается размер шрифта по умолчанию.
B0B0 01 нояб. 2013, в 02:10
0

@charlietfl, пожалуйста, покажи мне, как ...
B0B0 01 нояб. 2013, в 02:11
0

Google CSS медиа-запрос. Если настройка размера шрифта таблицы не работает ... у вас могут быть правила css для td или tr с более высоким рангом
charlietfl 01 нояб. 2013, в 02:12
0

Я новичок в CSS, привык к использованию javascript и html.
B0B0 01 нояб. 2013, в 02:16
0

<style> .Transition1 {color: # 00adee; -webkit-transition: color .3s easy-in; текст-отделка: нет; } a: hover {color: # ff5400; оформление текста: нет;} </ style>
B0B0 01 нояб. 2013, в 02:17
0

будет ли выше иметь более высокий ранг?
B0B0 01 нояб. 2013, в 02:18
0

Я не знаю, повлияет ли это на это ...
B0B0 01 нояб. 2013, в 02:20
0

Вы можете использовать CSS для изменения стилей HTML ... <style type = "text / css"> table {font-size: 50px; } </ style>
Karuppiah RK 01 нояб. 2013, в 05:06

Показать ещё 8 комментариев

Теги:

javascript

html

1 ответ

Ещё вопросы

Так что не так. Это не работает? Вы получаете ошибки?
можно использовать медиа-запрос CSS, чтобы сделать это ... нет необходимости в сценарии
@cale_b это просто остается размер шрифта по умолчанию.
@charlietfl, пожалуйста, покажи мне, как ...
Google CSS медиа-запрос. Если настройка размера шрифта таблицы не работает ... у вас могут быть правила css для td или tr с более высоким рангом
Я новичок в CSS, привык к использованию javascript и html.
<style> .Transition1 {color: # 00adee; -webkit-transition: color .3s easy-in; текст-отделка: нет; } a: hover {color: # ff5400; оформление текста: нет;} </ style>
будет ли выше иметь более высокий ранг?
Я не знаю, повлияет ли это на это ...
Вы можете использовать CSS для изменения стилей HTML ... <style type = "text / css"> table {font-size: 50px; } </ style>

Jukka K. Korpela · Answer 1 · 2013-11-01T02-45-00.000Z

Переместите элемент script в конец элемента body.

Что происходит сейчас (как вы можете видеть, глядя на консоль в Инструментах разработчика вашего браузера, нажмите F12, чтобы ввести их) заключается в том, что document.getElementById("Table") дает значение null. Причина в том, что браузер выполняет код JavaScript до того, как он проанализировал код HTML, который появился после элемента script, поэтому нет элемента с id Table.

Существует множество способов предотвратить запуск JavaScript-кода, прежде чем он сможет получить доступ ко всем требуемым данным. В этом случае перемещение элемента script прост.