hoe kan ik h1 tag toevoegen?
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<html>
<h2 id="test1" style="align:center;" class="kleur1">deze tekst moet h1 worde</h2>
</html>
<script>
var el = document.querySelector('#test1');
el.outerHTML = '<h1>' + el.innerHTML + '</h1>';
</script>
<h2 id="test1" style="align:center;" class="kleur1">deze tekst moet h1 worde</h2>
</html>
<script>
var el = document.querySelector('#test1');
el.outerHTML = '<h1>' + el.innerHTML + '</h1>';
</script>
<h1 id="test1" style="align:center;" class="kleur1">deze tekst moet h1 worde</h1>
Toevoeging op 12/10/2023 22:08:28:
Dat zou worden:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<h2 id="test1" style="align:center;" class="kleur1">deze tekst moet h1 worde</h2>
<button onclick="go()">
klik
</button>
<script>
function go()
{
var e = document.getElementById('test1');
var n = document.createElement('h1');
n.innerHTML = e.innerHTML;
e.parentNode.replaceChild(n, e);
}
</script>
</html>
<h2 id="test1" style="align:center;" class="kleur1">deze tekst moet h1 worde</h2>
<button onclick="go()">
klik
</button>
<script>
function go()
{
var e = document.getElementById('test1');
var n = document.createElement('h1');
n.innerHTML = e.innerHTML;
e.parentNode.replaceChild(n, e);
}
</script>
</html>
Toevoeging op 12/10/2023 22:18:51:
maar misschien wil je van het element ook nog de id en de class behouden?
Gewijzigd op 12/10/2023 22:17:51 door Ivo P
Code (php)
1
<h1 id="test1" style="align:center;" class="kleur1">deze tekst moet h1 worde</h1>
Bedankt voor de geboden oplossing. Maar ik wil i.d.d. de id, styling en de classes etc.behouden.
Gewijzigd op 15/10/2023 11:44:49 door - Ariën -
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<title>Replacetest</title>
</head>
<body>
<h2 id="h2" class="rood">Dit is een H2</h2>
</body>
<script>
document.getElementById("h2");
h2.outerHTML = h2.outerHTML.replace("<h2", "<h1");
</script>
</html>
<html lang="nl">
<head>
<meta charset="utf-8">
<title>Replacetest</title>
</head>
<body>
<h2 id="h2" class="rood">Dit is een H2</h2>
</body>
<script>
document.getElementById("h2");
h2.outerHTML = h2.outerHTML.replace("<h2", "<h1");
</script>
</html>
Code (php)
1
var h2 = document.getElementById("h2");
anders bestaat h2 niet op regel 2. En doordat de tagname en id allebeide h2 zijn, gaat het mogelijk in dit geval nog goed ook.
Alleen het gaat mis als je een ander id kiest.
Gewijzigd op 15/10/2023 11:44:20 door - Ariën -
Dan zou je eerst moeten achterhalen welk soort element dat id had.
Dan zou ik gaan voor mijn oplossing van 12 oktober om 22:05
Edit:
Ik heb een aantal berichten ingesnoeid van wat quotes omdat het niet nodig is om het eerst voorgaande bericht integraal te quoten. Zo blijft het topic beter leesbaarder.
Alvast bedankt!
Alvast bedankt!
Gewijzigd op 15/10/2023 11:48:35 door - Ariën -
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<h2 id="test1" style="align:center;" class="kleur1">deze tekst moet h1 worden</h2>
<button onclick="go()">
klik
</button>
<script>
function go() {
var e = document.getElementById('test1');
var n = document.createElement('h1');
var stijl = e.getAttribute('style');
var klass = e.getAttribute('class');
n.innerHTML = e.innerHTML;
n.setAttribute('style', stijl);
n.setAttribute('class', klass);
e.parentNode.replaceChild(n, e);
}
</script>
</html>
<h2 id="test1" style="align:center;" class="kleur1">deze tekst moet h1 worden</h2>
<button onclick="go()">
klik
</button>
<script>
function go() {
var e = document.getElementById('test1');
var n = document.createElement('h1');
var stijl = e.getAttribute('style');
var klass = e.getAttribute('class');
n.innerHTML = e.innerHTML;
n.setAttribute('style', stijl);
n.setAttribute('class', klass);
e.parentNode.replaceChild(n, e);
}
</script>
</html>