Добавление нового элемента в документ
Доброго вам времени суток! Давайте представим, что имеется .html страница :
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Новая страница 2</title> </head> <body> </body> </html> Мне нужно добавить в самый конец пространства тега body - строчку, например '<div id="div123">Content for div starting here</div>' Как это сделать? Объясните чайнику, - не понимаю( |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 2</title>
</head>
<body>
<a href="javascript://" onclick="add();">Add</a>
<script type="text/javascript">
function add() {
var element = document.createElement('div');
element.innerHTML = 'Content for div starting here', element.id = 'div123';
document.body.appendChild(element);
}
</script>
</body>
</html>
Подробнее |
Благодарю!
|
А как добавить вместе с див тегом, например onMouseOver?
Я пробоовал так : element.onMouseOver = '"function112312312(this.id)"' Не получилось. |
element.onmouseover = function () {
alert(this.id);
}
|
Мне нужно добавить две функции :
makedivatmove(this.id) и okget() Но увы они не работают после добавления див'а. |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 2</title>
</head>
<body>
<a href="javascript://" onclick="add();">Add</a>
<script type="text/javascript">
function makedivatmove(a) {alert(a)}
function okget () {alert('OK')}
function add() {
var element = document.createElement('div');
element.innerHTML = 'Content for div starting here', element.id = 'div123' + Math.floor(Math.random()*1000), element.onmouseover = function () {
makedivatmove(this.id), okget();
};
document.body.appendChild(element);
}
</script>
</body>
</html>
ID может быть только один на странице, может, из-за этого проблемы? |
Нет, я только 1 элемент добавлял, уникален.
|
| Часовой пояс GMT +3, время: 08:02. |