heading tag verkrijgen via getelementbyid

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Paul Weiss

Paul Weiss

07/01/2024 12:23:20
Quote Anchor link
Weet iemand hoe ik de heading tag van een element kan verkrijgen?
In onderstaande voorbeeld wil ik dus h1 als resultaat hebben

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<h1 id="mijnid" onclick="get_heading(this.id)">
Mijn header</h1>

<script>
function get_heading(clicked_id) {
var id = clicked_id;
????
}
</script>
Gewijzigd op 07/01/2024 12:24:42 door Paul Weiss
 
PHP hulp

PHP hulp

08/01/2025 15:51:36
 
Adoptive Solution

Adoptive Solution

07/01/2024 12:59:57
Quote Anchor link
Zoiets?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<h1 id="mijnid" onclick="get_heading(this.id);">Mijn header</h1>

<script>
function get_heading(clicked_id) {
    var elt = document.getElementById(clicked_id);
    console.log(elt.nodeName);
    alert(elt.nodeName);
    }
</script>


Deed dit : https://www.google.com/search?q=javascript+get+type+of+element
Vond dit : https://stackoverflow.com/questions/254302/how-can-i-determine-the-type-of-an-html-element-in-javascript
 
Paul Weiss

Paul Weiss

07/01/2024 13:47:54
Quote Anchor link
Hartelijk dank. heb het even getest. Maar werkt niet op 1 of andere manier.
 
- Ariën  -
Beheerder

- Ariën -

07/01/2024 19:21:52
Quote Anchor link
Paul Weiss op 07/01/2024 13:47:54:
Hartelijk dank. heb het even getest. Maar werkt niet op 1 of andere manier.

Vertel verder... :)
 
Ivo P

Ivo P

07/01/2024 19:23:29
Quote Anchor link
ik heb hem even voor je in jsfiddle gezet: https://jsfiddle.net/pehaict/3cLuh14g/1/


Daar lijkt het prima te werken.
Wat gebeurt er bij jouw test?
 
Paul Weiss

Paul Weiss

07/01/2024 19:24:25
Quote Anchor link
bij alert krijg ik niets op mijn scherm. Als ik console in de inspector bekijk gebeurde er ook niets. maar zal nog eens kijken. Het resultaat moet h1 zijn. maar wellicht zie ik iets over het hoofd!

Toevoeging op 07/01/2024 19:28:01:

mhh. de fiddle werkt wel zie ik.

Toevoeging op 07/01/2024 19:31:34:

is opgelost. werkt wel. er was nog wat restcode aanwezig uit een vorig dokument. Over het hoofd gezien.
Iedereen super bedankt voor de genomen moeite.
Gewijzigd op 07/01/2024 19:27:06 door Paul Weiss
 

09/01/2024 10:19:23
Quote Anchor link
Alleen is het onclick attribuut niet heel mooi JavaScript, daarvoor gebruik je addEventListener().
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.