Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mattis egestas risus, vel molestie mi bibendum non. Morbi luctus arcu faucibus tortor congue tempus. Nam consequat ultricies sollicitudin. Fusce a est purus. Vestibulum purus dolor, sodales id dapibus nec, volutpat vitae nunc. Praesent erat lorem, lacinia eu auctor quis, mattis et velit. Mauris facilisis, enim ut luctus euismod, sem felis facilisis metus, vitae elementum magna turpis consectetur quam. Praesent nec magna risus. Cras in eros urna, et cursus justo. Nullam tempus commodo dolor, non pretium lorem vehicula eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi posuere, metus sed ultricies fermentum, diam neque vulputate nisl, quis cursus sapien nunc elementum elit. Curabitur tincidunt velit non tortor ultrices condimentum.

Praesent hendrerit, ante luctus semper vestibulum, libero arcu sagittis ante, vel sodales mi nunc quis tellus. Aenean commodo tempus massa, sit amet sollicitudin nisi aliquam id. Suspendisse augue urna, euismod id volutpat vel, congue dictum risus. Nullam turpis nisi, consectetur et dapibus id, auctor vel lorem. Curabitur est ante, tempus eget pretium eu, hendrerit ut nisi. Maecenas tempus, mauris rutrum consequat convallis, lacus nisi dictum erat, vel hendrerit elit mi sit amet nulla. In tincidunt, est vel scelerisque volutpat, neque turpis lacinia urna, et imperdiet erat odio quis nibh. Phasellus dapibus neque et metus tristique commodo. Mauris ultrices euismod lorem et facilisis. Mauris semper, nibh non ultricies faucibus, mauris dui luctus ante, vitae scelerisque leo diam sit amet eros. Nulla at enim eget nisl sollicitudin mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean eget porttitor erat. Vivamus vitae felis leo. Quisque iaculis vulputate dolor tincidunt eleifend. Maecenas dapibus lacinia lacus. Nam vel convallis ipsum.

Fusce at feugiat mauris. Fusce rutrum est eu leo iaculis id faucibus nisi accumsan. Donec eget justo sit amet ligula porttitor ornare. Etiam ornare lectus et eros ultricies suscipit id quis lorem. Vivamus accumsan dui augue, nec ultricies lacus. Morbi quis quam et metus posuere adipiscing. Maecenas porta, dolor vulputate consequat interdum, quam leo varius nibh, fermentum pharetra felis nibh blandit purus. Donec cursus pellentesque orci ut tincidunt. Nunc ultricies purus at lacus lacinia non egestas neque hendrerit. Donec pulvinar laoreet leo, nec volutpat massa auctor vitae.



HTML


<!DOCTYPE html>
<html>
<head>
<title>DOM Access</title>
<script type="text/javascript">// <![CDATA[
function showPara(nr) {
    var para = document.getElementById("para"nr).innerHTML;
    if (para != '') {
        alert("Innehållet i Paragraf: " +nr"\n" + para);
    } else {
        alert("Det finns inget innehåll!");
    }
}
// ]]></script>
<body>
<p id="para1">
Lorem ipsum dolor sit ametconsectetur adipiscing elitNulla mattis egestas risusvel molestie mi bibendum nonMorbi luctus arcu faucibus tortor congue tempusNam consequat ultricies sollicitudinFusce a est purusVestibulum purus dolorsodales id dapibus necvolutpat vitae nuncPraesent erat loremlacinia eu auctor quismattis et velitMauris facilisisenim ut luctus euismodsem felis facilisis metusvitae elementum magna turpis consectetur quamPraesent nec magna risusCras in eros urnaet cursus justoNullam tempus commodo dolornon pretium lorem vehicula euPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestasMorbi posueremetus sed ultricies fermentumdiam neque vulputate nislquis cursus sapien nunc elementum elitCurabitur tincidunt velit non tortor ultrices condimentum.
<p id="para2">
Praesent hendreritante luctus semper vestibulumlibero arcu sagittis antevel sodales mi nunc quis tellusAenean commodo tempus massasit amet sollicitudin nisi aliquam idSuspendisse augue urnaeuismod id volutpat velcongue dictum risusNullam turpis nisiconsectetur et dapibus idauctor vel loremCurabitur est antetempus eget pretium euhendrerit ut nisiMaecenas tempusmauris rutrum consequat convallislacus nisi dictum eratvel hendrerit elit mi sit amet nullaIn tinciduntest vel scelerisque volutpatneque turpis lacinia urnaet imperdiet erat odio quis nibhPhasellus dapibus neque et metus tristique commodoMauris ultrices euismod lorem et facilisisMauris sempernibh non ultricies faucibusmauris dui luctus antevitae scelerisque leo diam sit amet erosNulla at enim eget nisl sollicitudin mattisPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestasAenean eget porttitor eratVivamus vitae felis leoQuisque iaculis vulputate dolor tincidunt eleifendMaecenas dapibus lacinia lacusNam vel convallis ipsum.
</p>
<p id="para3">
Fusce at feugiat maurisFusce rutrum est eu leo iaculis id faucibus nisi accumsanDonec eget justo sit amet ligula porttitor ornareEtiam ornare lectus et eros ultricies suscipit id quis loremVivamus accumsan dui auguenec ultricies lacusMorbi quis quam et metus posuere adipiscingMaecenas portadolor vulputate consequat interdumquam leo varius nibhfermentum pharetra felis nibh blandit purusDonec cursus pellentesque orci ut tinciduntNunc ultricies purus at lacus lacinia non egestas neque hendreritDonec pulvinar laoreet leonec volutpat massa auctor vitae.
</p>

<form>
<input type="button" value="Visa innehållet i paragraf 1" onclick="showPara('1')" /><br />
<input type="button" value="Visa innehållet i paragraf 2" onclick="showPara('2')" /><br />
<input type="button" value="Visa innehållet i paragraf 3" onclick="showPara('3')" />
</form>
</body> </html>