Tīmekļa lappuses satura maiņa JS

 

  document.getElementById("lietotajs").innerHTML

Lai veiktu izmaiņas kādā no tīmekļa lappuses elementiem, jābūt iespējai norādīt (identificēt), kurš elements ir nepieciešams. Šim nolūkam maināmā elementa sākuma tagu papildina ar parametru id, ar kuru elementam piešķir identifikatoru. 

Piemēram, tīmekļa lappuse satur rindkopu ar tekstu “Sveiks”. Tai paredzēts pievienot lietotāja vārdu, kas ar uzaicinājuma lodziņa palīdzību tiks pieprasīts, atverot tīmekļa lappusi. Lai to varētu realizēt:

1.      Atrod HTML dokumentā rindkopu ar tekstu “Sveiks”:

<p> Sveiks </p>

2.      Rindkopas sākuma tagu papildina ar parametru(atribūtu) id un piešķir tam vērtību, piemēram, lietotajs:

<p id = "lietotajs"> Sveiks </p>

3.      Izveido skriptu, kas veiks nepieciešamās izmaiņas:

let vecais = document.getElementById("lietotajs").innerHTML;

let vards = prompt("Ievadiet savu vārdu");

document.getElementById("lietotajs").innerHTML=vecais+vards;

Avots Startit.l

Var mainīt arī HTML elementa īpašību stils u.c.:

document.getElementById("lietotajs").style="color:aqua";

Piemēram, var mainīt arī attēlu, uzrakstot  skriptu... 

Vai, piemēram, vairāki CSS parametri tiek izmainīti, izmantoojot parametru style:

document.getElementById("lietotajs").style = "border:4px solid #2c2c2c; background-image: url(background1.png)"

Avots: w3schools.com