Javascript функция изменения содержимого по клику

Question

Javascript функция изменения содержимого по клику

0

Я работаю над веб-страницей, где мне хотелось бы, чтобы текст в области менялся, когда пользователь щелкает ссылку. Вот код для раздела текста, который я хотел бы изменить с помощью функции js.

<div id="banner_left">

   <h2 id="tagmain">This is a title area for the text below - I would like to change this and the below text </h2>
   <p id="tagtext">This is the main text area that I would like to change dynamically when a link is clicked.</p>
   <div class="cleaner_h20"></div>
   <div class="button_01"><a href="#">More</a></div>

</div>

Это код для ссылки

<div class="banner_button">
   <a id="support" href="#" onclick="javascript:changeText(args)>Support</a>
</div>

И это код функции

<script language="javascript" type="text/javascript">
  function changeText(idElement) {
    if(idElement==1){
     document.getElementById.('tagmain').innerHTML ='New title to display';
     document.getElementById.('tagtext').innerHTML ='New text to display.';}
    return false;
 }</script>

Код функции будет дополнен дополнительными условиями для тестирования, но я хотел бы получить одну работу в первую очередь. Я не совсем уверен, где я ошибся, поскольку Java, а не Javascript, является моим основным языком. Любая помощь была бы потрясающей. Я хотел бы просто изменить контент, например, когда пользователь нажимает кнопку "кнопка"/ссылку CSS для поддержки, а не меняет страницы, я хотел бы изменить текст в теле сайта. В настоящее время он ничего не делает. Заранее спасибо. Надеюсь, я не буду толстым в этом :)

IrishCarBomb 18 апр. 2014, в 08:46

Источник

Теги:

javascript

jquery

html

css

2 ответа

Ещё вопросы

Anoop · Answer 1 · 2014-04-18T03-14-00.000Z

Не нужно . после getElementById

<script language="javascript" type="text/javascript">
 function changeText(idElement) {
    if(idElement==1){
        document.getElementById('tagmain').innerHTML ='New title to display';
        document.getElementById('tagtext').innerHTML ='New text to display.'; // removed extra }
        return false;
    }
 }
 </script>

Изменения в HTML

<div class="banner_button">
   <a id="support" href="#" onclick="javascript:changeText(1); return false;">Support</a>
</div>

ИЛИ вы можете использовать jQuery для установки html

<script language="javascript" type="text/javascript">
 function changeText(idElement) {
    if(idElement==1){
        $('#tagmain').html('New title to display');
        $('#tagtext').html('New text to display.');
        return false;
    }
 }
 </script>

Эврика !!! Я благодарю вас, сэр. Я надеюсь больше работать с javascript, как только закончу со школой в этом семестре.

John Bupit · Answer 2 · 2014-04-18T04-52-00.000Z

<a id="support" href="#" onclick="javascript:changeText(args)">Support</a>

... и, похоже, вы пропускаете цитату.