Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.07.2012, 11:28
Интересующийся
Отправить личное сообщение для teles Посмотреть профиль Найти все сообщения от teles
 
Регистрация: 09.04.2012
Сообщений: 13

Как добавить в элемент текстовый узел
<html>
<head>
    <title></title>
    <script type="text/javascript">

        function func1 (Id, tag, count, message1, message2, message3) {

            if (document.getElementById (Id).childNodes[3]) {
                while (document.getElementById (Id).childNodes[3]) {
                    document.getElementById (Id).removeChild (document.getElementById (Id).childNodes[3])
                }
            }
            else {
                for (i = 1; i <= count; i++) {
                    var gotElem = document.getElementById (Id);
                    var newElem = document.createElement (tag);
                    newElem.appendChild (document.createTextNode ('message' + i));
                    gotElem.appendChild (newElem);
                }
            }
        }
    </script>
</head>
<body>
<div id="head" onclick="func1('head','p', 3, 'example1','example2','example3')">
    <h3>Head</h3>
</div>

</body>
</html>

вопрос: как сделать, чтобы вместо message1,message2,message3 выводило exapmple1,example2,example3 ?
Ответить с цитированием
  #2 (permalink)  
Старый 04.07.2012, 11:53
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от teles
как сделать, чтобы вместо message1,message2,message3 выводило exapmple1,example2,example3 ?
Полное назначение твоего скрипта не совсем понятно... Но предложу вариант как подправить твой.

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function func1 (Id, tag, arr) {
	if (document.getElementById (Id).childNodes[3]) {
		while (document.getElementById (Id).childNodes[3]) {
			document.getElementById (Id).removeChild (document.getElementById (Id).childNodes[3])
		}
	}
	else {
		for (var i = 0; i <arr.length; i++) {
			var gotElem = document.getElementById (Id);
			var newElem = document.createElement (tag);
			newElem.appendChild (document.createTextNode (arr[i]));
			gotElem.appendChild (newElem);
		}
	}
}
</script>
</head>
<body>
<div id="head" onclick="func1('head','p', ['example1','example2','example3'])">
    <h3>Head</h3>
</div>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 04.07.2012, 11:54
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

ksa,
Гы - не поспел за Вами
----------------------------
Тады авторским способом:
<html>
<head>
    <title></title>
    <script type="text/javascript">

        function func1 (Id, tag, count,message1, message2, message3) {

            if (document.getElementById (Id).childNodes[3]) {
                while (document.getElementById (Id).childNodes[3]) {
                    document.getElementById (Id).removeChild (document.getElementById (Id).childNodes[3])
                }
            }
            else {
                for (i = 1; i <= count; i++) {
                    var gotElem = document.getElementById (Id);
                    var newElem = document.createElement (tag);
                    newElem.appendChild (document.createTextNode (eval('message'+i)));
                    gotElem.appendChild (newElem);
                }
            }
        }
    </script>
</head>
<body>
<div id="head" onclick="func1('head','p', 3, 'example1','example2','example3')">
    <h3>Head</h3>
</div>

</body>
</html>

Последний раз редактировалось Deff, 04.07.2012 в 11:56.
Ответить с цитированием
  #4 (permalink)  
Старый 04.07.2012, 12:17
Интересующийся
Отправить личное сообщение для teles Посмотреть профиль Найти все сообщения от teles
 
Регистрация: 09.04.2012
Сообщений: 13

Ваш метод даже больше подходит для моих целей
а для чего надо было вставлять эти строки
<!--
05 <script src="http://code.jquery.com/jquery-latest.js"></script>
06 <link rel="stylesheet" type="text/css" href="tmp.css" />
07 -->
?
Ответить с цитированием
  #5 (permalink)  
Старый 04.07.2012, 12:24
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

teles,
Эт заготовка универсальной страницы ответов
Ответить с цитированием
  #6 (permalink)  
Старый 04.07.2012, 12:54
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от teles
а для чего надо было вставлять эти строки
- А почему вы так на меня смотрите?
- Ты у меня уже пятый...
(с) к/ф "В бой идут одни старики"
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как передать элемент в переменную из функции kichSman jQuery 3 12.07.2011 22:16
Как дождаться выполнения эффекта hide и потом удалить элемент? FRIE jQuery 3 07.06.2011 11:58
Как удалить элемент из дерева DOM dummer jQuery 13 16.01.2011 16:19
Как добавить свой блог в раздел feeds этого сайта IzumeRoot Ваши сайты и скрипты 13 30.10.2008 21:11
Как передать элемент в функцию после createElement Oleg NT Общие вопросы Javascript 3 23.06.2008 02:11