Замена строки кода в html

Question

Замена строки кода в html

0

Можно ли использовать javascript для выполнения этого кода, например:

<form>
<input type="text" id="text">
<input type="button" value="button" onclick="the function I need to use">
</form>

и измените строку # 2 на это в событии onclick в строке 3 с помощью javascript:

<input type="text" id="text" style="width: 25px;">

Поэтому, в основном, мне нужно знать, могу ли я использовать javascript для замены определенной строки кода совершенно другой строкой кода, чтобы я мог делать такие вещи, как делать изображения, которые меняются при нажатии на них, и изменять их при нажатии на них снова. Попробуйте объяснить свой ответ. Я только понимаю html, задавая вопросы и находя то, что мне нужно, когда мне это нужно. Я действительно не знаю html. Если вы можете ответить на мой вопрос, мы будем очень благодарны. Огромное спасибо.

user3171319 15 март 2014, в 04:42

Источник

3

Ответ: да. Теперь перейдите к онлайн-учебнику по javascript / html, они бесплатны
Jay Harris 15 март 2014, в 03:40
0

Пожалуйста, поймите: когда вы делаете так, как указано в любом из ответов здесь, вы на самом деле не «заменяете» код. Вы модифицируете атрибуты существующих узлов в DOM или, возможно, добавляете / удаляете узлы. Как и предполагалось, вы действительно должны искать учебник, чтобы получить базовое понимание.
Chris Baker 15 март 2014, в 04:14

Теги:

javascript

html

replace

line

3 ответа

1

Чтобы установить ширину атрибута.. Пожалуйста, сделайте это...

document.getElementById('text').setAttribute('style','width:25px');

если вы хотите удалить его, то при этом вы можете использовать

document.getElementById('text').removeAttribute('style','width:25px');

The Dictator 15 март 2014, в 02:31

0

document.getElementById('text').style.width="25px";

Вышеизложенное должно работать.

Он берет элемент по его ID- text и применяет к нему стиль "width=25px".

Демонстрация: http://jsfiddle.net/s24ZW/

Amit Joki 15 март 2014, в 02:35

0

Да, конечно. @ user3171319
Amit Joki 15 март 2014, в 03:42
0

use document.getElementById('idOfImage').src="url of image";
Amit Joki 15 март 2014, в 03:44
0

демо: jsfiddle.net/s24ZW/1
Amit Joki 15 март 2014, в 03:44

Показать ещё 1 комментарий

Ещё вопросы

Ответ: да. Теперь перейдите к онлайн-учебнику по javascript / html, они бесплатны
Пожалуйста, поймите: когда вы делаете так, как указано в любом из ответов здесь, вы на самом деле не «заменяете» код. Вы модифицируете атрибуты существующих узлов в DOM или, возможно, добавляете / удаляете узлы. Как и предполагалось, вы действительно должны искать учебник, чтобы получить базовое понимание.
use document.getElementById('idOfImage').src="url of image";

RashFlash · Accepted Answer · 2014-03-15T01-50-00.000Z

Да, ты можешь. Используйте свойство setAttribute или getAttribute для установки и получения значений.

var inputText=document.getElementById('text');
inputText.setAttribute('style','width:25px');

OR

inputText.style.width='25px';

Обновленный код: -

<form>
<input type="text" id="text">
<input type="button" value="button" onclick="the function I need to use">
</form>

<script>
var inputText=document.getElementById('text');
    inputText.setAttribute('style','width:25px');
</script>

Не могли бы вы сказать мне, как вставить это в мой текущий код. Как я уже сказал, я очень мало знаю обо всем этом. @RashFlash
я обновил свой ответ с кодом, проверьте это. С уважением.