Dator > hur du redigerar ett HTML-text med javascript

  • hur du redigerar ett HTML-text med javascript


  • JavaScript beskriver en webbsida som använder en standard som kallas Document Object Model , eller DOM . DOM tilldelar varje element på sidan för att ett JavaScript-objekt , som sedan kan manipuleras formellt av JavaScript-kod . När värdet på ett JavaScript -objekt motsvarar synlig text på webbsidan , och värdet ändras med ett script , kommer sidan även ändra för att återspegla ändringen av objektet

    Du behöver : .
    text eller HTML redaktör .


    1 .
    Skriv den ursprungliga HTML för webbsida eller ladda en befintlig HTML- sida i din textredigerare .
    2 .
    Identifiera den text du vill ändra med JavaScript . Placera denna text i ett diskret HTML-tagg , använder " span " taggar om du inte vill annat sätt påverka visningen av texten . Till exempel: " Den här texten kommer att vara densamma , men denna text kommer att förändras . "
    3
    Tilldela ett unikt ID element till taggen . Till exempel: " Den här texten kommer att vara densamma , men denna text kommer att förändras . "
    4
    Skriv en JavaScript- funktion . i huvudet på HTML-dokumentet att manipulera den text du vill ändra . Funktionen bör ha följande lydelse:

    funktion ChangeText () {
    var newText=" " //lägg till din text här , eller en funktion för att generera den text
    var textTarget=document. getElementById ( " textToChange " )
    textTarget. firstChild. nodeValue=newText ;
    }
    5
    Skriv en JavaScript trigger i kroppen av HTML- dokumentet . som anropar funktionen . Detta kan vara en onChange händelse i en form , eller en onClick-händelse knuten till en knapp. Du kan också ha utlösande uppstå som en del av ett JavaScript- skript bakgrund , till exempel ett skript som körs på sidan belastning som uppdaterar en timer gång per minut.

    tips och varningar


  • Visa källan för HTML-sidor , som dynamiskt ändra text , för att se JavaScript , vilket gör detta hända . Om JavaScript är lagrad i en separat sida kan du ladda in den i webbläsaren genom att klistra in dess URL direkt i webbläsaren URL-fältet .

Previous:Vilka är fördelarna med Java uppgradera ? Next:hur man skriver en handbok steg för steg programvara testfall





Relaterade artiklar


  • hur man återställer en Canon i860
  • hur man fyller bläckpatroner till 135C Brother DCP
  • hur man byter ML-1630 bläckpatroner
  • jämförelse av Intel Centrino & Intel Core
  • Så här åtgärdar fel 126
  • Lägga till en andra SATA till ett asus
  • hp pavilion zd8000 specifikationer
  • hur man använder en bärbar dator att väga objekt
  • dell övervaka e773c specifikationer
  • hur du ställer in en eaglebit hårddisk kapsling